2013-05-26 24 views
0

我需要一些CSS代碼,使我的網站適合不同分辨率的整個屏幕,但是如果屏幕變得太小,停止調整大小,併成爲可滾動。我試過使用覆蓋整個屏幕的div,然後將寬度和高度設置爲100%,最小寬度設置爲800px,最小高度設置爲600px,但不起作用。有任何想法嗎?製作網站適合不同的分辨率

PS:解決方案必須是純HTML/CSS,JavaScript現在不適用於我。

+1

使用媒體查詢。 – Blender

+0

看看http://aozora.github.io/bootmetro/挖在CSS中,你會發現如何做到這一點 – abrasadera

回答

0

嘗試這種情況:

http://jsfiddle.net/6CpbZ/

width: 100%; 
height: 100%; 

min-width: 500px; 
min-height: 500px; 

概念作出的寬度或高度或者均爲100%,然後限定了最小寬度或最小高度。