• 首页

  • 官方

  • 主题

  • 关注

  • 联系

网页适应移动端,把默认的layout viewport的宽度设为移动设备的屏幕宽度

网页适应移动端,把默认的layout viewport的宽度设为移动设备的屏幕宽度

代码如下:

<meta name ="viewport" content ="width = device-width" />

或者

<meta name="viewport" content="initial-scale=1">
属性
width 设置layout viewport 的宽度,为一个正整数,或字符串"width-device"
initial-scale 设置页面的初始缩放值,为一个数字,可以带小数
minimum-scale 允许用户的最小缩放值,为一个数字,可以带小数
maximum-scale 允许用户的最大缩放值,为一个数字,可以带小数
height 设置layout viewport 的高度,这个属性对我们并不重要,很少使用
user-scalable 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许
target-densitydpi 安卓中支持的私有属性,可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个,决定css中的1px代表多少物理像素
posted @ 2021-09-07 20:22  戈小戈  阅读(76)  评论(0编辑  收藏  举报