html - 如何使页面上的所有内容都变大?

标签 html css size

如果我在浏览器中打开我的网站并多次按 Ctrl +,所有内容都会变大并且网站看起来更好。

我可以通过在 HTML 代码中添加一些东西来达到相同的效果吗(这样用户默认情况下可以看到更大的东西,而无需按 Ctrl+)?

我想让所有东西(文字和图片)都变大。

最佳答案

如果你想达到和浏览器缩放一样的效果,你可以使用CSS的zoom属性(和transform scale(x)属性Firefox)body 上:

body {
    -moz-transform: scale(1.3); /* for Firefox, default 1*/
    zoom:130%; /* For Chrome, IE, default 100%*/
}

但是,我不确定这是否是一个好的解决方案。如果您认为放大后您的网站看起来更好,那么某处确实存在设计问题。我建议你先重新设计。

关于html - 如何使页面上的所有内容都变大?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28605730/

相关文章:

jquery - 悬停不同元素时更改不同按钮的类

javascript - 切换一个 div 在点击时显示,同时切换另一个 div 隐藏

html - Angular Flex 布局挑战

css - PyQt5 TextEdit Widget 更改输入文本的字体颜色

java - 将 C 语言转换为 Java 语言

c++ - 在作为参数传递的数组上使用 sizeof

javascript - document.getElementById ("id") 在 onchange 参数中

javascript - 我应该如何使用 PHP $_GET 和变量来用其他文件的内容填充我的模板页面?

javascript - 如何在 vue.js 中使用属性选择器?

c++ - 在声明时定义vector of vector of vector的大小