Skip to content

Latest commit

 

History

History
18 lines (17 loc) · 830 Bytes

响应式.md

File metadata and controls

18 lines (17 loc) · 830 Bytes

viewport

  • 使用方法
<meta name="viewport" content="name=value,name=value">
  • name的可选值
    • width:设置viewport的特定值("device-width"是设备宽度)
    • initial-scale:设置页面的初始缩放
    • minimum-scale:最小缩放
    • maximum-scale:最大缩放
    • user-scalable:用户能否缩放(1或0、yes或no)

单位之间的区别

  • px:像素,相对长度单位,相对于屏幕分辨率
  • em:相对单位,参考父元素的font-size,具有继承属性
  • rem:CSS3新增的相对单位,相对根元素<html>
  • %:百分比,宽高、字体大小是相对于父元素宽高、字体大小的百分比值,margin是相对父元素宽度的百分比
  • vh、vw:相对于视口的高度和宽度, 1vh 等于1/100的视口高度,1vw 等于1/100的视口宽度