最小宽度方案
内容部分设置最小宽度,当屏幕小的时候出现滚动条,当屏幕大的时候内容剧中展示。
header和footer通常为通栏。
响应式
使用media query来切分几个响应点。不同的响应点应用不同的样式。
rem方案
使用media query来设置不同的font-size。
设计稿px2rem可以使用postcss插件或者sass的function。
rem IE9/10兼容问题https://caniuse.com/#feat=rem
内容部分设置最小宽度,当屏幕小的时候出现滚动条,当屏幕大的时候内容剧中展示。
header和footer通常为通栏。
使用media query来切分几个响应点。不同的响应点应用不同的样式。
使用media query来设置不同的font-size。
设计稿px2rem可以使用postcss插件或者sass的function。
rem IE9/10兼容问题https://caniuse.com/#feat=rem
本文标题:pc端适配屏幕尺寸
本文链接:https://www.haomeiwen.com/subject/pwzfphtx.html
网友评论