Javascript 你能按+；200%基于最小宽度？

如果不手动更改所有字体/图像css代码，这可能是不可能的，但在我这么做之前，我想检查是否有办法做到这一点

基本上，当您现在在大型显示器（imac 27”）上访问我的网站时，它看起来如下所示：

但是，如果我将cmd+it设置为200%，该站点看起来会更好（类似于默认macbook pro笔记本电脑的分辨率：

我知道我可以做很多自定义更改以使其正常工作，但我想知道是否有一种快速/简单的方法可以根据分辨率使站点规模增加x%？我计划很快改造前端，因此不想在这个短期解决方案上花费太多时间-尽管在学术上也很好奇

---

也许这就像使容器流动一样简单&然后通过jquery使背景显示为文档高度的70%？

是的，您可以使用CSS媒体查询和缩放属性来实现这一点。 检查以下代码

/*大型桌面*/
@全部和全部介质（最大宽度：1920像素）{
身体{
背景颜色：粉红色；
缩放：200%；
}
}
/*小桌面*/
@全部和全部介质（最大宽度：1200px）{
身体{
背景颜色：浅蓝色；
变焦：100%；
}
}
/*平板电脑*/
@介质和全部（最大宽度：1024px）{
身体{
背景颜色：橙色；
变焦：100%；
}
}
/*手机*/
@介质和全部（最大宽度：768px）{
身体{
背景色：红色；
变焦：100%；
}
}

---

你好，世界！

你在使用“容器”类吗"包装内容？jsfiddle或发布一个代码示例。它将帮助我们看到本例中的行为是的，但另一个我使用的是容器流体。然而，简单地使用容器流体并不能解决大小问题。这是图像大小、比例等。只需按comand+将我的大小放大到175%或200%看起来很棒。我可以这样做很难使用EMs和%s之类的东西，但我只是想看看是否有一种简单的方法可以自动放大屏幕“if resolution=xxx”。谢谢-这正是我要找的，但在谷歌上没找到。