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

2024年12月04日 23:02
有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同时设置试试