Question

获取网页高度设置css再设置div百分比高度怎么不对

还是没显示设置的百分比的高度





Answer 1

这个有点不对吧 ，你获取的浏览器的高度，但是设置的时候怎么把获取的高度，给宽了呢，把width换成height试试，另外那个变量不应该用引号括起来的。下面这样试试

$(".photo").css("height",clientHeight+"px");

Answer 2

在CSS 中如何使用百分比设置页面 Div 高度：
一个登陆界面的文档结构大致如下：
其中login_header和login_footer无文字内容，只有一个背景颜色，颜色区别于login_content，login_content是登录界面的主模块，用户填用户名和密码。
现在为了保证不同屏幕下显示效果相同，div的高度使用百分比设置。body和login_wrapper的高度为100%，以保证本页面充满浏览器并且不会翻页。同时设置login_header和login_footer的高度为20%，content为60%。但是如此设置，浏览器只能显示content的内容，header和footer高度均为0px。

Answer 3

$(".photo").css("width",clientHeight+"px");

Answer 4

clientHeight 不要加引号

追问

还是不行

追答

我不太明白你的需求，你现在获取的是网页的高度，为什么要拿这个值去设置DIV的宽度？

追问

为了适应不同分辨率电脑

追答

自适应不是这么做的。
用媒体查询做。
非要用JS做是要计算的。
div是块级元素，本身宽就是父级100%的。

追问

但是媒体查询也不能把所有电脑分辨率的情况都写上呀

追答

首先电脑主流分辨率总共就那么几个 并不多 完全可以
其次你要做自适应页面的话，肯定不是这样做的。
自适应布局你可以去看看教程，这里一时半会是说不清的。
实在不行 直接用BOOTSTRAP写吧。

追问

实际开发中，他们的单位都是用百分比或em写的吧，然后页面就是根据媒体查询写不同样式表吧

追答

嗯，是的，大概的思路是这样的。
有的是先用JS获取屏幕大小，把这个尺寸分成若干份，然后用REM为单位去设置文档大小。
例如：宽1440PX，JS把大小分为10份，那么1REM就相当于144px；等同于10%；

追问

谢谢

Answer 5

clientHeight去掉引号 拼接px(单位)