视口（viewport）学习
本文共 495 字，大约阅读时间需要 1 分钟。
viewport 是用户网页的可视区域。即设备的屏幕上能用来显示我们的网页的那一块区域。
content里面的属性必须知道
width:控制viewport的大小，可以是指定的值，或者特殊值，如device-width表示设备指定宽度。
height:和width相对应，表示高度。
initial-scale ：初始化缩放比例，也是当前页面第一次load的时候缩放的比例
maximum-scale：允许用户缩放的最大比例.
minimum-scale：允许用户缩放的最小比例。
user-scalable：用户是否可以手动缩放
设备像素和CSS像素 设备像素（device pixels）是任何设备的正式分辨率，并且(通常)可以通过screen.width/height知道。 给某个元素宽度width:128px，如果显示屏宽1024px，最大化浏览器屏幕，则该元素将在显示器上填充显示八次。 然而，如果用户缩放，则该计算将会改变。比如用户缩放为200%，则宽度为128px的元素将在1024px宽显示器上显示的四次。屏幕尺寸（Screen size）
Window size 
转载地址：http://upjaz.baihongyu.com/
你可能感兴趣的文章
MySQL 深度分页性能急剧下降，该如何优化？
查看>>
MySQL 深度分页性能急剧下降，该如何优化？
查看>>
MySQL 添加列，修改列，删除列
查看>>
mysql 添加索引
查看>>
MySQL 添加索引，删除索引及其用法
查看>>
MySQL 用 limit 为什么会影响性能？
查看>>
MySQL 用 limit 为什么会影响性能？有什么优化方案？
查看>>
MySQL 用户权限管理：授权、撤销、密码更新和用户删除（图文解析）
查看>>
mysql 用户管理和权限设置
查看>>
MySQL 的 varchar 水真的太深了！
查看>>
mysql 的GROUP_CONCAT函数的使用（group_by 如何显示分组之前的数据）
查看>>
MySQL 的instr函数
查看>>
MySQL 的mysql_secure_installation安全脚本执行过程介绍
查看>>
MySQL 的Rename Table语句
查看>>
MySQL 的全局锁、表锁和行锁
查看>>
mysql 的存储引擎介绍
查看>>
MySQL 的存储引擎有哪些？为什么常用InnoDB？
查看>>
mysql 索引
查看>>
MySQL 索引失效的 15 种场景！
查看>>
MySQL 索引深入解析及优化策略
查看>>