javascript - 如果用户的分辨率 < x，可以自动缩小吗？

Question

我的网站纯粹针对笔记本电脑市场(不要问为什么或争辩!)，我所有的用户(或 95%+)都在 1200+ 的屏幕宽度上，

上网本正在起飞，分辨率为 1024 宽。

如果您缩小一次(ctrl-减号)，我的网站在上网本上看起来仍然很棒，但我不想依赖用户了解 ctrl-减号。

除了重新设计，我还有哪些选择？我不想在我的页面上有缩放按钮。

外面有javascript缩放器吗？!!!

Answer 1

虽然这不能解决您的缩放问题，但您可以尝试一些基于 CSS 和相对大小的小技巧。

如果您有一个 100px 宽的图像或容器，请尝试将其设置为 10em 宽(或者使用 em 数量直到找到合适的值)。最终，如果您对网站上指定的每个尺寸都执行此操作，您将能够通过更改默认的 font-size 主动缩小页面。例如。从 1em 到 0.91em。

人们经常使用相对大小来让人们可以根据需要灵活地缩小和扩大字体大小。它在图像上并不常用(因为它们是按要求固定大小的)。但这不一定是这种情况，在这种情况下，可能会为您提供一种摆脱“完整站点重新设计”并提供“缩放”效果的方法。

这可能无需重新设计即可解决问题，但可能会很棘手，需要进行一些测试。样式表级联的方式，将字体逐个元素缩小一点，可能会导致一些问题。