2013-05-26 22 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%,然后限定了最小宽度或最小高度。