V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zxCoder
V2EX  ›  问与答

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

  •  
  •   zxCoder · 2021-08-22 23:57:26 +08:00 · 1492 次点击
    这是一个创建于 1207 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    shapl
        1
    shapl  
       2021-08-23 00:02:29 +08:00
    关键词:flexible.js 、rem
    QingStone
        2
    QingStone  
       2021-08-23 00:04:31 +08:00 via iPhone
    px 转 rem
    marcushbs
        3
    marcushbs  
       2021-08-23 01:28:53 +08:00
    生成一张 svg
    think2011
        4
    think2011  
       2021-08-23 02:15:45 +08:00
    zoom 、transform
    liuzhaowei55
        5
    liuzhaowei55  
       2021-08-23 07:25:39 +08:00 via Android
    一楼大佬说的是对的。

    https://moorper.com/archives/181

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

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

    按照现在人的操作习惯,很多时候使用的是后者,所以结论就是,网页里什么都不用做,自然就能达到你想要的效果了,你需要做的是引导用户去使用后者操作
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2658 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 14:51 · PVG 22:51 · LAX 06:51 · JFK 09:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.