如何保持页面之间的缩放一致?通过CSS?

时间:2012-10-24 02:26:42

标签: html css zoom

我是CSS / HTML的新手,无法找到这个问题的答案,可能是因为我没有使用正确的术语。

我设置了单独的页面,并且不知道如何在我的页面中保持“用户缩放”一致。

例如:
-User在home.html上。用户缩放3次(控制+'+')。字体要大得多。
- 用户导航到about.html。字体和布局恢复为小的默认大小。

是否有CSS / HTML / Javascript属性来保持页面一致?非常感谢!

修改:对于较新的HTML编码器,当您在本地计算机上运行代码时,单击指向另一个页面的链接会“重置”所有缩放[IE和Chrome测试]。但是,显然当您从服务器运行它时,浏览器会记住特定的缩放,您不必担心它。希望这对至少一个人有帮助!

1 个答案:

答案 0 :(得分:3)

由于缩放级别由浏览器本身控制,因此无法使用CSS / HTML / JS调整每页的行为方式。

解决方法是使用JS和CSS转换属性创建自定义缩放按钮。然后,您需要将缩放级别保存到cookie,并将当前保存的缩放级别应用于用户加载的每个页面。