博客
关于我
视口(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/

你可能感兴趣的文章
MySQL5.6的zip包安装教程
查看>>
mysql5.7 for windows_MySQL 5.7 for Windows 解压缩版配置安装
查看>>
Webpack 基本环境搭建
查看>>
mysql5.7 安装版 表不能输入汉字解决方案
查看>>
MySQL5.7.18主从复制搭建(一主一从)
查看>>
MySQL5.7.19-win64安装启动
查看>>
mysql5.7.19安装图解_mysql5.7.19 winx64解压缩版安装配置教程
查看>>
MySQL5.7.37windows解压版的安装使用
查看>>
mysql5.7免费下载地址
查看>>
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>