我想问一下在用html写页面的时候怎么才能让页面在不同的屏幕分辨率下都正常显示

2024-12-04 23:02:53
推荐回答(4个)
回答1:

最高级的body标签,还有最高级别的div用width:100%;可以加上padding:0px; margin:0px;
如果还不可以的话使用$(window).width()可以得到屏幕宽度像素然后像这样:
$(document).ready(function(){
resizeHtml();
//为了防止用户拖动窗口自适应大小
$(window).resize(function() {
resizeHtml();
});
});
function resizeHtml(){
//main为body下第一层div的id

$('#main').height($(window).width());
}
以上需要jquery支持,要导入一下jquery.js



回答2:

页面主体的宽度要固定,设置百分比页面会随着浏览器宽度变化变形,很难看

回答3:

设置宽度为百分比形式

回答4:

width和min-width同时设置试试