css@media问题

Question

电脑分辨率1280,1366,1440,1680,1920用css@media怎么写自适应

Answer 1

通常我们不用考虑得这么细，只需要适应主流就可以了 。拿主流的前端框架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，比如这里