视口值根据屏幕大小

时间:2012-04-25 01:29:13

标签: javascript jquery css html5 viewport

我不知道这是否可行。看看这个非功能性的网站:

http://imageworkz.asia/sixsensestester/

在大屏幕上观看时,看起来好像容器漂浮在屏幕中央,但是当用较小的屏幕观看时,让我们说,通过1366x768显示器,它会缩放并显示,就像网站被缩放一样。我知道屏幕分辨率很重要,因此可以根据屏幕尺寸调整网站的缩放比例。

1 个答案:

答案 0 :(得分:0)

您要找的是Media Queries。它使用CSS来检测视口大小并相应地设置样式规则。有很多关于它们的教程,所以学习它们应该很容易。