我想问一下在用html写页面的时候怎么才能让页面在不同的屏幕分辨率下都正常显示
4个回答
展开全部
最高级的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
<body style="width:100%;padding:0px; margin:0px;">
<div id="main" style="width:100%;padding:0px; margin:0px;"></div>
</body>
如果还不可以的话使用$(window).width()可以得到屏幕宽度像素然后像这样:
$(document).ready(function(){
resizeHtml();
//为了防止用户拖动窗口自适应大小
$(window).resize(function() {
resizeHtml();
});
});
function resizeHtml(){
//main为body下第一层div的id
$('#main').height($(window).width());
}
以上需要jquery支持，要导入一下jquery.js
<body style="width:100%;padding:0px; margin:0px;">
<div id="main" style="width:100%;padding:0px; margin:0px;"></div>
</body>
来自：求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
页面主体的宽度要固定,设置百分比页面会随着浏览器宽度变化变形，很难看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置宽度为百分比形式
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
width和min-width同时设置试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
