使用css调整大小以适应屏幕

Question

http://i.stack.imgur.com/yY4pG.png＆lt; ---没有足够的声誉来发布图片。

这就是我的网站在27英寸屏幕上没有任何浏览器缩放的情况下的样子。 我知道这个，但我不知道如何使用它。

-webkit-transform: scale(0.5);  /* Chrome, Safari 3.1+  */
-moz-transform: scale(0.5);  /* Firefox 3.5-15 */
-ms-transform: scale(0.5);   /* IE 9 */
-o-transform: scale(0.5);    /* Opera 10.50-12.00 */
transform: scale(0.5);

offsetRatio = (ratio - 1) / 2;

那么如何让我的网站自动缩放？

Answer 1

您可以随时使用：

width:100%;

http://www.w3schools.com/cssref/pr_dim_width.asp