发表于： 2021-09-01 23:02:52
1 1436
昨天没空看自适应相关内容，今天看了一些相关资料，总结了一下几点
1.在网页头标签head中添加 viewport，并设置相关属性，使用VScode时用html5快捷键可以直接设置前两个属性。
2.不能设置绝对值，只能设置auto或者百分比，rem。
3.字体大小设置为页面默认的100%，即16像素，不要使用绝对大小px，使用相对大小rem.
HTML的字体大小设置为font-size=62.5%。因为浏览器默认字体大小是16px。1rem=10px。
4.流动布局
5.设置不同宽度下的CSS样式。使用@media。
今天的总结就是这样，但，为不同宽度设置不一样的CSS样式太过繁琐，希望师哥师姐们能为我解答。
返回列表
评论