13问答网 > html+css不同分辨率的屏幕显示的像素大小不一样，如何解决？

html+css不同分辨率的屏幕显示的像素大小不一样，如何解决？

2025-04-26 08:01:07

推荐回答（3个）

回答1：

1.bootstrap是个很好的响应式框架。pc端移动端二合一。
2.自己可以用@media媒体对各个分辨率写下对饮的样式属性。比如
①.@media only screen and (max-width:320px ) {

}//在分辨率为320px之间样式起作用
②.@media only screen and (min-width: 321px) and (max-width: 640px) {

}//分分辨率为321px与640px之间，样式起作用。
更多的分辨率都可以这样写。不过还是推荐使用bootstrap框架，方便。

回答2：

用百分比定大小，或者使用bootstrap框架的栅格，就是class="col-md-x col-sm-x col-xs-x"。md sm xs 分别为屏幕各种宽度，x就是占几份总共12份。其实原理也是用百分比定宽度的

回答3：

用Bootstrap的栅格，简单，好用。