前端布局方法之流式布局

移动端
viewport是浏览器显示页面内容的屏幕区域
viewport 是用户网页的可视区域。
viewport 翻译为中文可以叫做"视区"。

layout viewport
visual viewport
理想视口

meta标签


视口宽度和设备宽度一致
默认缩放比例为1.0
不允许用户缩放
最大缩放比例1.0
最小缩放比例1.0

@2x.png
@3x.png

物理像素
物理像素比 例如手机物理分辨率750 ,开发尺寸375
开发时候的1px和物理像素的关系

二倍图

背景缩放background-size
px
百分比
contain
cover

盒子模型, border和padding不会撑大盒子了
box-sizing: border-box

normalize.css

你可能感兴趣的:(前端)