CSS搞定不了，设定百分比是不能兼容所有浏览器的，所有高度不要使用%
你试着调用后台脚本吧，通过后台获取屏幕或者浏览器高度，然后给标签赋值
因为公司项目需要赋值的情况很多，这方面的事情都是交给程序员做的，我们做设计的一般不考虑怎么获取的
有两种办法可以实现这个功能：
1、采用设置高度的值为百分比，如
height:100%;此时高度就会随着父元素的高度二改变。
2、采用使用js获取页面的高度来实现高度的动态变化
如获取：页可见区域高： documentbodyclientHeight
然后获取该样式高度后设置该高度为以上值。补充：
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
注意：一般实际开发过程中一般是不设置高度为具体的值的，一般是设置高度随着内容的多少而改变。
这个有点不对吧 ，你获取的浏览器的高度，但是设置的时候怎么把获取的高度，给宽了呢，把width换成height试试，另外那个变量不应该用引号括起来的。下面这样试试
$("photo")css("height",clientHeight+"px");
项目中，移动端要自适应，由于有时候数据不够，所以导致了有的区域空白
要求：没有数据的时候能够充满屏幕，数据超出屏幕就出现滚动条
做法
1-让容器高度充满这个屏幕
在容器内容很少的情况下，要想让这个容器充满整个屏幕：
`container{
}`
2-让容器高度充满剩余屏幕高度
要让容器充满屏幕的剩余高度，用 vh 结合 flex 布局就可以实现。
`content{
}
header{
}
content{
}
footer{
}`
首先我想知道你这个的大小是固定的还是不固定的，我的意思是：是不是一直都是100100或者200200的，还是说有时候是100100有时候是200200的？如果是确定大小的情况下那就简单了，就是用浮动定位（fixed）然后left/top的值为50%； margin的上和左的值设置为-(宽高的一半),如果是大小不固定的话那就只能用js了
用frameset写,这样适应整个浏览器
<html xmlns=">
以上就是关于css 怎样定义屏幕高度的一半全部的内容，包括:css 怎样定义屏幕高度的一半、如何定义css样式，让背景色的高度随页面高度而定、获取网页高度设置css再设置div百分比高度怎么不对等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）