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

移动端布局

时间:2023-04-02 13:07:53 HTML

viewport浏览器用于显示网页部分1.设置viewhasinit-scale页面的初始缩放值为numberwidthviewportwidthheightviewportheightmininum-scale允许用户缩放最小值maximum-scale允许用户缩放最大值是否允许用户适应不同屏幕分辨率的原则可以使用rem方案缩放REM布局:设计稿的像素/html(font-size)=替换css中的px,因为部分html(font-size)是根据屏幕的宽度(媒体查询可以获取屏幕的宽度)在css内容中动态变化的。媒体查询通过css在不同的条件下使用不同的样式,页面最终在不同的终端设备上实现不同的渲染效果。@mediamediatypeand(mediafeature){yourstyle}使用示例:@mediascreenand(max-width:480px){html{font-size:200px;}}另请注意,IE8不支持html5或媒体查询