1.媒体查询的实际意义?
2.媒体查询的断点应该由什么来决定?
3.媒体查询应该注意什么?
(1)尽量使用百分比长度取代固定长度,或用vw、vh、vmin、vmax
(2)当需要在较大分辨率下得到固定宽度时,使用max-width而不是width,因为它可适应较小的分辨率,而无需使用媒体查询
(3)需要给img、video、iframe设置一个max-width,值为100%
(4)移动端中不要用CSS把一张大图缩小,影响带宽
(5)尽可能使用弹性可伸缩布局
(6)代码尽可能少
1.媒体查询的实际意义?
2.媒体查询的断点应该由什么来决定?
3.媒体查询应该注意什么?
(1)尽量使用百分比长度取代固定长度,或用vw、vh、vmin、vmax
(2)当需要在较大分辨率下得到固定宽度时,使用max-width而不是width,因为它可适应较小的分辨率,而无需使用媒体查询
(3)需要给img、video、iframe设置一个max-width,值为100%
(4)移动端中不要用CSS把一张大图缩小,影响带宽
(5)尽可能使用弹性可伸缩布局
(6)代码尽可能少
本文标题:响应式网站的思考
本文链接:https://www.haomeiwen.com/subject/jbjitltx.html
网友评论