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

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框架，方便。

最高级的body标签，还有最高级别的div用width:100%可以加上padding:0pxmargin:0px

如果还不可以的话使用$(window).width()可以得到屏幕宽度像素然后像这样:

$(document).ready(function(){

resizeHtml()

//为了防止用户拖动窗口自适应大小

$(window).resize(function() {

resizeHtml()

})

function resizeHtml(){

//main为body下第一层div的id

$('#main').height($(window).width())

}

以上需要jquery支持，要导入一下jquery.js

</body>

欢迎分享，转载请注明来源：内存溢出

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