> 웹 프론트엔드 > HTML 튜토리얼 > 怎么让html页面大小随浏览器改变而改变_html/css_WEB-ITnose

怎么让html页面大小随浏览器改变而改变_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 08:46:44
원래의
2797명이 탐색했습니다.

怎么让html页面大小随浏览器改变而改变 


回复讨论(解决方案)

宽度用百分比,或者用css 框架。

可以说得具体一点吗,我在body和div里试了还是不行

把你不行的代码贴出来我瞧瞧

或者用哪些css ui框架!像bootstrap

楼主你的body标签哪去了

窗口缩小登录部分就往下移

body可以加上的,现在主要是怎么能解决窗口缩小页面也缩小,不乱就行

拜托了。。。

左右结构,当浏览器宽度比那两个元素加起来的宽度还小时当然下去。你需要学习一下bootstrap的栅格

暂时没有时间去学啊,现在急着把这个弄好

有你搞好这个的时间你也学会bootstrap了。你的css 基础不改恭维

var maxHeight, maxWidth, realHeight, realWidth, menuHeight;
            if ($.browser.msie) {
                maxHeight = $(window).height();
                maxWidth = $(window).width();

            } else {
                maxHeight = $(document.body)[0].clientHeight;
                maxWidth = $(document.body)[0].clientWidth;
            }

            //$("#tabbox").width(maxWidth - 100);
            if (window.innerHeight)
                winHeight = window.innerHeight;
            else if ((document.body) && (document.body.clientHeight))
                winHeight = document.body.clientHeight;
            if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
                winHeight = document.documentElement.clientHeight;
            }

调试的时候根据不同的高度和宽度,alert一下高度 就知道是否随浏览器大小获取不同的高宽

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿