响应式

简介 #

• 响应式设计 - MDN

单位 #

• px：绝对单位，页面按精确像素展示
• • vw：相对单位，视口的宽度，100vw 即视口宽度的100%
  • vh：相对单位，视口的高度，100vh 即视口高度的100%
  • vmin：选取 vw 和 vh 中最小的那个
  • vmax：选取 vw 和 vh 中最大的那个
• rem：相对单位，相对于根节点html的字体大小来计算
• em：相对单位，相对于父节点字体的大小，如果自身定义了font-size按自身来计算

参考

• CSS 的值与单位 - MDN
• 在 CSS 中调整大小 - MDN

媒体查询 #

• 媒体查询入门指南 - MDN
• 使用媒体查询 - MDN

图片 #

• 响应式图像教程 - 阮一峰
• 响应式图片 - MDN
• img - MDN
• picture - MDN