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

2021-08-22 23:57:26 +08:00
 zxCoder

比如宽度高度这些,是固定大小?还是百分比?还是啥的

1328 次点击
所在节点    问与答
7 条回复
shapl
2021-08-23 00:02:29 +08:00
关键词:flexible.js 、rem
QingStone
2021-08-23 00:04:31 +08:00
px 转 rem
marcushbs
2021-08-23 01:28:53 +08:00
生成一张 svg
think2011
2021-08-23 02:15:45 +08:00
zoom 、transform
liuzhaowei55
2021-08-23 07:25:39 +08:00
一楼大佬说的是对的。

https://moorper.com/archives/181

可以看下这篇文章,淘宝手淘的解决方案,百分比固定大小都可以,单位用 rem 不要用 px 即可。
learnshare
2021-08-23 10:03:42 +08:00
/t/785701

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

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/797360

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX