玩命加载中 . . .

响应式设计


响应式设计并不是一项技术,而是一种设计模式,通常包括三步:

  • 设置meta标签
  • 媒体查询
  • 长度单位的合理使用

设置meta标签

媒体查询

即针对不同的设备尺寸,设置对应的样式。随着屏幕宽度的增大或减小,后面的样式会覆盖前面的样式。
对于pc端和移动端,样式的优先顺序有所不同:移动端优先使用min-width,PC端优先使用max-width。


文章作者: 鹿卿
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 鹿卿 !
评论
  目录