电脑分辨率1280,1366,1440,1680,1920用css@media怎么写自适应
1 回答
森林海
TA贡献2011条经验 获得超2个赞
通常我们不用考虑得这么细，只需要适应主流就可以了 。
拿主流的前端框架bootstrap的格栅举例：
我们考虑主流的就够了。
回答问题。
关于怎么写，
body{
font-size: 14px;
}
@media screen and (min-width: 1920px) {
body{
font-size: 16px;
}
}
@media screen and (min-width: 1680px) {
body{
font-size: 15px;
}
}
@media screen and (min-width: 1440px) {
body{
font-size: 14px;
}
}
@media screen and (min-width: 1366px) {
body{
font-size: 13px;
}
}
@media screen and (min-width: 1280px) {
body{
font-size: 12px;
}
}
一般我们在媒体查询外还要写一套，被作为默认样式，然后媒体查询里面的就是根据不同的分屏幕宽度来应用不同的css.一般写在媒体查询前面，关于css的顺序问题、优先级问题就不多说了。
另外，网上有很多详细的API，比如这里
添加回答
举报
0/150
提交
取消