开发者社区> 问答> 正文

悬赏:WEB宽度自适应问题!

问题:网页宽度分为[ 850 - 950 - 1024 ]PX;


①:网页宽度大于1024PX时;网页宽度等于1024PX[ 居中 ]


②:网页宽度小于1024PX时:网页宽度等于950PX[ 居中 ]


③:网页宽度小于950PX时;网页宽度等于850PX[ 居中 ]


联系扣扣:847149513 (人民币悬赏)

展开
收起
mashimin 2012-09-20 16:50:50 6107 0
3 条回答
写回答
取消 提交回答
  • 最近也在搞js界面,哈哈,真是蛋疼,为了避开MFC,搞了个HTML的页面,蛋疼啊。
    2012-09-21 09:20:47
    赞同 展开评论 打赏
  • 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
    赞同 展开评论 打赏
  • Re悬赏:WEB宽度自适应问题!
      1元钱懒的搞。
    2012-09-20 17:30:04
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Web应用系统性能优化 立即下载
高性能Web架构之缓存体系 立即下载
PWA:移动Web的现在与未来 立即下载