84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
请看技巧与提示的那里,由于文字不是很多,导致在大屏幕上,这个p太短了,现在页面有点难看,但是在比较小的屏幕(笔记本屏幕),效果还是可以的,这个该怎么决解呢?我希望的效果如下
欢迎选择我的课程,让我们一起见证您的进步~~
$(".pClassName").css("height",$(document).height());
这样可以定义某个p的高度跟页面大小一致,如果用js,注意以下问题:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度
子元素的p高度,按百分比设置,会根据父元素的高度自动调整。如果还是变化太大,可以通过@media screen and (max-width:1000px) {} 这样的方法给不同范围的写不同的样式
一个就是和楼上说的一样设置一个min-height 还有一个可以适应不同大小屏幕的方法:在页面加载时用js获取当前body的高度,然后根据你的需要,设置p高度为body高度的百分之几,这样不管屏幕分辨率大小是多少,看起来比例都会是一样的。
用绝对定位即可。
.main-nav { heigth: 80px; } .content {position: absolute; top: 90px; bottom: 0; }
min-height
可以设定一个最小高度来撑起空白区域的内容高度,如min-height:300px;,
min-height:300px;
但是min-height属性在IE6下不被支持,不过通过处理可以获得支持,代码如下
min-height:300px; height:auto !important; height:300px;
@screen
最小高度可以用,但是未必可以保持最好的显示效果,还是建议采用js来识别当前页面高度的方法用比例设置高度
可以试一下:min-height
楼主可以包裹这段文字加一个margin-bottom试试
给p一个min-height属性,可以使其在最大屏时,仍能保持一定高度。
这样可以定义某个p的高度跟页面大小一致,如果用js,注意以下问题:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
子元素的p高度,按百分比设置,会根据父元素的高度自动调整。
如果还是变化太大,可以通过@media screen and (max-width:1000px) {} 这样的方法给不同范围的写不同的样式
一个就是和楼上说的一样设置一个min-height 还有一个可以适应不同大小屏幕的方法:在页面加载时用js获取当前body的高度,然后根据你的需要,设置p高度为body高度的百分之几,这样不管屏幕分辨率大小是多少,看起来比例都会是一样的。
用绝对定位即可。
min-height
可以设定一个最小高度来撑起空白区域的内容高度,如
min-height:300px;
,但是
min-height
属性在IE6下不被支持,不过通过处理可以获得支持,代码如下@screen
最小高度可以用,但是未必可以保持最好的显示效果,还是建议采用js来识别当前页面高度的方法用比例设置高度
可以试一下:
min-height
楼主可以包裹这段文字加一个margin-bottom试试
给p一个min-height属性,可以使其在最大屏时,仍能保持一定高度。