我有一个固定布局的网页。
它是用1280x800的标准尺寸建造的。
因为它不需要移动兼容,也不需要公众访问,所以它是使用固定大小的元素构建的。
问题是,我需要它根据浏览器大小自动缩放。
我设法用viewport元标记来实现这一点,但这只适用于移动浏览器(我不需要……)
例如,在分辨率为1024x768的桌面上以Chrome浏览器打开页面时,不需要在浏览器中手动缩小,页面如何正确显示?
谢谢!
最佳答案
根据1280x800处的宽度与大小之比,将每个px
替换为vw
。
所以如果你的div是width: 1280px
的,你可以用width: 100vw
代替它。
以这种方式在正文上设置font-size
以使文本缩放,并使用em
或rem
调整较大文本的大小。
如果1280x800的字体大小是16,则需要font-size: 1.25vw
。