2012-10-08 78 views
3

我有一個div,我希望它是全屏幕,當最小化我需要滾動爲div它自我展示和身體概述將永遠隱藏,所以我需要的是做出這個div高屏幕分辨率,在低分辨率的div不是身體秀(overflow-xoverflow-yFlixable Div的高度和寬度

+0

我不知道你在說什麼......我也沒有看到任何與Java的關係。 – w00

+0

這與Java無關(即使您正在編寫JSP或servlet,它都是關於HTML/CSS的)。 –

+0

我需要我的div是全屏高分辨率像1280 * 800和低屏幕分辨率像800 * 1200的div滾動顯示我不需要任何滾動的身體,當我這樣做只使用CSS時最小化我的屏幕滾動從不顯示,我嘗試在800 * 1200上也沒有顯示 – user1393257

回答

0

所有你所談論的滾動全屏響應​​的網頁設計。

enter image description here

對於下面的HTML師:

<div id="container"> 
<!-- contents goes here --> 
</div> 

使用媒體查詢,你可以很容易地做到這一點。 首先,以下行添加到你的頭:

<meta name="viewport" content="width=device-width; initial-scale=1.0"> 

對於高分辨率下面的代碼添加到CSS:

@media screen and (max-width: 1280px) { 
    #container { 
     width: 1200px; 
    } 
} 

然後低分辨率下面的代碼添加到CSS:

@media screen and (max-width: 800px) { 
    #container { 
     width: 750px; 
    } 
} 

Responsive Web Design Guidelines and Tutorials

希望這會幫助y OU。

乾杯!