pc端适配屏幕尺寸

2020-04-03  本文已影响0人  一日一K

最小宽度方案

内容部分设置最小宽度,当屏幕小的时候出现滚动条,当屏幕大的时候内容剧中展示。
header和footer通常为通栏。

响应式

使用media query来切分几个响应点。不同的响应点应用不同的样式。

rem方案

使用media query来设置不同的font-size。

设计稿px2rem可以使用postcss插件或者sass的function。

rem IE9/10兼容问题https://caniuse.com/#feat=rem

上一篇 下一篇

猜你喜欢

热点阅读