悬赏：WEB宽度自适应问题！
问题：网页宽度分为[ 850 - 950 - 1024 ]PX;
①：网页宽度大于1024PX时；网页宽度等于1024PX[ 居中 ]
②：网页宽度小于1024PX时：网页宽度等于950PX[ 居中 ]
③：网页宽度小于950PX时；网页宽度等于850PX[ 居中 ]
联系扣扣：847149513 （人民币悬赏）
展开
收起
3
条回答
写回答
写回答
-
-
Re悬赏：WEB宽度自适应问题！【完美解决方案 】 鄙视1楼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>html,body{width:100%;height:100%}</style>
<script>
window.onload = function() {
resizeDiv();
}
window.onresize = function() {
resizeDiv();
}
function resizeDiv() {
var w = document.documentElement.clientWidth;
w = w > 1024 ? 1024 : (w < 1024 && w >= 950 ? 950 : 850);
put.innerText = w;
put.style.width = w "px";
}
</script>
<body>
<div id="put" style=" width:1000px; height:200px; margin:0px auto; border:solid 1px;">1000px</div>
</body>
</html>2012-09-20 17:47:38赞同 展开评论 打赏 -
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
