响应式Web设计 viewport 移动端页面自适应

viewport指网页的可视区域

<meta name="viewport" content="width=device-width  initial-scale=1.0 maximun-scale=1.0 minimun-scale=1.0 user-scalable=no">

width:viewport的宽度 值为正整数或device-width  必选

height: viewport的高度  可选

initial-scale:初始缩放比例,即当页面第一次 load 的时候缩放比例 必选

maxinum-scale:允许用户缩放的最大比例  可选

minimun-scale:允许用户缩放的最小比例  可选

user-scalable:是否允许用户手动缩放 值为yes 或no  可选

 

posted @ 2019-08-15 14:44  紫色de水晶  阅读(287)  评论(0编辑  收藏  举报