当前位置: 首页 > Web前端 > CSS

对于响应式布局

时间:2023-03-31 01:37:02 CSS

(持续更新中...)设置meta标签注意:width和height指令分别指定视口的逻辑宽度和高度,单位为数字或以像素为单位的特殊标记符号(例如设备宽度);initial-scale是指页面的初始缩放比例。默认值因不同的智能手机浏览器而异。通常,设备会在浏览器中显示整个网页。如果设置为1.0,将显示UnscaledWeb文档;user-scalable指令指定用户是否可以缩放视口(是/否);maximum-scale和minimum-scale指令用于设置用户对网页缩放比例的限制。范围为0.25~10.0;使用媒体查询(MediaQuery)渲染指定视图宽度范围的页面例如:@mediascreenand(max-width:980px){/*styles*/}/**iPad**/@mediaonlyscreenand(min-width:768px)and(max-width:1024px){}/**iPhone**/@mediaonlyscreenand(min-width:320px)and(max-width:767px){}