想要让网页无论放大多少倍都保持原来的结构，只是整体放大，像图片一样， css 应该怎么写

关键词：flexible.js 、rem

px 转 rem

生成一张 svg

zoom 、transform

一楼大佬说的是对的。

https://moorper.com/archives/181

可以看下这篇文章，淘宝手淘的解决方案，百分比固定大小都可以，单位用 rem 不要用 px 即可。

/t/785701

正常写就行，但放大之后的效果取决于浏览器本身

其实吧，现代的浏览器，不管移动端还是桌面端的，都存在两种“放大”
第一种是从早期浏览器开始就存在的“缩放”功能，即显示地修改“缩放水平”这个设置，通常为+-键或鼠标滚轮操作，对页面有感知，会引起布局的变化，也就是你想要解决的场景
第二种是浏览器自身在显示时进行的缩放，例如双指缩放或者双击页面空白处，这种缩放对页面无感（非要有感也有一些很费劲的旁门左道，个人觉得完全没必要），不会引起页面布局的变化

按照现在人的操作习惯，很多时候使用的是后者，所以结论就是，网页里什么都不用做，自然就能达到你想要的效果了，你需要做的是引导用户去使用后者操作