发表于: 2021-09-01 23:02:52
1 1797
昨天没空看自适应相关内容,今天看了一些相关资料,总结了一下几点
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样式太过繁琐,希望师哥师姐们能为我解答。
评论