博客
关于我
视口(viewport)学习
阅读量:614 次
发布时间:2019-03-13

本文共 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 让所有IP访问数据库
查看>>
mysql 记录的增删改查
查看>>
MySQL 设置数据库的隔离级别
查看>>
MySQL 证明为什么用limit时,offset很大会影响性能
查看>>
Mysql 语句操作索引SQL语句
查看>>
MySQL 误操作后数据恢复(update,delete忘加where条件)
查看>>
MySQL 调优/优化的 101 个建议!
查看>>
mysql 转义字符用法_MySql 转义字符的使用说明
查看>>
mysql 输入密码秒退
查看>>
mysql 递归查找父节点_MySQL递归查询树状表的子节点、父节点具体实现
查看>>
mysql 通过查看mysql 配置参数、状态来优化你的mysql
查看>>
mysql 里对root及普通用户赋权及更改密码的一些命令
查看>>
Mysql 重置自增列的开始序号
查看>>
mysql 锁机制 mvcc_Mysql性能优化-事务、锁和MVCC
查看>>
MySQL 错误
查看>>
mysql 随机数 rand使用
查看>>
MySQL 面试题汇总
查看>>
MySQL 面试,必须掌握的 8 大核心点
查看>>
MySQL 高可用性之keepalived+mysql双主
查看>>