javascript - 如何在用户放大和缩小页面时保持 的大小不变？

Question

面对用户放大和缩小页面，是否有一种 html/css/javascipt 方法可以将

保持在恒定大小？也就是说，使用 control-plus 增加文本大小，使用 control-minus 减少文本大小。

编辑:我想，更重要的是我希望

的 content 也保持相同的大小.

谢谢!

编辑:我的目标是(现在也是)防止 AdSense

过度扩展以致于掩盖页面上的大量真实内容。但是后来发现(谢谢@thirtydot)确实没有什么好的方法可以做到这一点。答案，对我来说(谢谢@Neal!):给

overflow:scroll 以牺牲它的内容而不是我试图显示的内容。

最佳答案

.box {
    background: red;
    width: 5vw;
    height: 10vh;
    position: absolute;
    top: 10vh;
    left: 5vw;
}

<div class="box"></div>

关于javascript - 如何在用户放大和缩小页面时保持 <div> 的大小不变？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6117349/

上一篇：javascript - popstate 什么时候触发？

下一篇：html - 基于 Web 的 HTML 片段编辑器

相关文章：

javascript - 不调用 jQuery 单击函数来删除动态生成的文本框

css - Angular Material - 删除空格

javascript - 插入或拖动后重新索引对象数组的算法 'n' 放置顺序更改

javascript - 如何通过单击单元格更改颜色

javascript - 仅在单行上对齐所有内容

javascript - 如何在普通 javascript 中使用类触发特定 html 元素上的事件

javascript - 在 jQuery 代码中将 clearQueue 放在哪里

javascript - 访问指令 Angular 中的范围 Controller 变量

php - 如何使用php从HTML表格中提取数据

javascript - 如果鼠标下的元素只有 "overflow-y: scroll"并且水平滚动，iOS Safari 似乎永远不会触发滚动事件

Answer 1

.box {
    background: red;
    width: 5vw;
    height: 10vh;
    position: absolute;
    top: 10vh;
    left: 5vw;
}

<div class="box"></div>