首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用CSS缩放整个网页?

如何使用CSS缩放整个网页?
EN

Stack Overflow用户
提问于 2018-03-05 05:58:31
回答 2查看 0关注 0票数 0

使用Firefox,只需按CTRL+即可放大整个网页。这样做是按比例放大整个网页(字体、图像等)。

如何使用简单的CSS复制相同的功能?

有什么像page-size: 150%(这将使整个页面部分增加x%?)的东西?

EN

回答 2

Stack Overflow用户

发布于 2018-03-05 14:19:39

你可以使用CSS zoom属性 - 支持IE 5.5+,Opera,Safari 4和Chrome

Firefox是唯一不支持缩放的主要浏览器(这里是bugzilla项目),但你可以在Firefox 3.5中使用“专有”-moz-transform属性

所以你可以使用:

代码语言:javascript
复制
div.zoomed { 
    zoom: 3; 
    -moz-transform: scale(3); 
    -moz-transform-origin: 0 0;
} 
票数 0
EN

Stack Overflow用户

发布于 2018-03-05 15:03:06

你可以使用

代码语言:javascript
复制
body {
   transform: scale(1.1);
   transform-origin: 0 0;
   // add prefixed versions too.
}

将页面缩小110%。虽然zoom风格在那里,但Firefox仍然不支持它。

此外,这与你的缩放比例略有不同。css transform像图像缩放这样的作品,所以它会放大你的页面,但不会导致回流等。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100007514

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档