首頁 >後端開發 >php教程 >如何让网站在某些特定分辨率浏览时可以自动缩放

如何让网站在某些特定分辨率浏览时可以自动缩放

WBOY
WBOY原創
2016-06-06 20:40:151336瀏覽

我的网站主体部分的宽度是960px,
在普通笔记本,普通显示器上显示效果都没问题,
但在小屏幕、高分辨率,比如surface3上面看的时候
两侧留白会很多。
在设备上缩放页面到140%,效果就和普通显示器一样了。
由于这样的设备,现在的用的也很少,
所以想问一下,应该如何让这样设备的访客,可以自动缩放到140%显示呢?

回复内容:

我的网站主体部分的宽度是960px,
在普通笔记本,普通显示器上显示效果都没问题,
但在小屏幕、高分辨率,比如surface3上面看的时候
两侧留白会很多。
在设备上缩放页面到140%,效果就和普通显示器一样了。
由于这样的设备,现在的用的也很少,
所以想问一下,应该如何让这样设备的访客,可以自动缩放到140%显示呢?

找个responsive方案,
市面上茫茫多的,
我的博客用的是雅虎的pure css,只分了2种情况。其实可以分更细。

<code><meta name="viewport" content="width=device-width">
</code>

配合 CSS media query 使用。

<code>@media (max-width: 1024px) {
    html {
        font-size: 22px;
    }
}
</code>

佈局使用 rem:

<code>body {
    max-width: 60rem;
}
</code>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn