2

我在我的 47 英寸液晶电视(分辨率 1920 * 1080, 16:9)上打开了 Stack Overflow 网站,发现文本和网站就在很多空白的中间。文本不可读,因为 Stack Overflow 与许多其他网站一样,针对标准 1200/1024 视口进行了优化。

为了使网站可读,我按了“ctrl”和“+”键,让内容占据了更多的屏幕宽度。我确信这不是“放大”,因为浏览器实际上在做的是扩大内容大小(即减少每个字符的像素数)。

在检测到视口的分辨率/大小参数后,是否可以使用 Javascript 作为预渲染练习来实现这种“ctrl +”行为?

更新:我尝试了@media-queries,它可以缩放字体大小和其他一些东西,但它无助于以平衡的方式缩放图像和其余内容(例如填充等)。最重要的是,它不满足将给定 div 的大小限制为“610 像素但仍占据可用屏幕宽度的 75%”的条件。

如果我们在基于 Gecko/Webkit 的浏览器上按 ctrl +,这就像一个分辨率变化。抱歉不能接受下面的回答。

4

2 回答 2

3

大部分是的。IE6,7有zoom,IE8有-ms-zoom

其他人都有 2D 变换,scale()所以你被覆盖了。请参阅缩放 css/javascript

我还没有看到有人将这种效果应用于整个文档,所以事情可能是错误的。享受!

于 2012-02-16T17:05:44.587 回答
1

我确信使用 javascript 是可能的,就像大多数事情看起来一样,但我认为这正是CSS 媒体查询专门设计用来解决的问题。

查看A List Apart 上关于响应式网页设计的文章

于 2011-12-07T19:57:48.370 回答