V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
nonesuccess
V2EX  ›  程序员

有没有什么方法能让 chrome 下的页面显示变为缩放 75%的效果?

  •  
  •   nonesuccess · 2020-01-02 11:28:32 +08:00 · 2065 次点击
    这是一个创建于 1779 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端页面做悲剧了,没考虑适配问题,客户的电脑上看着特别丑。现在要求就是,客户电脑上缩放为 75%就很好,改成那样就行。

    感觉重写样式代码应该是来不及了,有没有什么取巧的办法,能直接给缩过去?

    5 条回复    2020-01-03 00:51:19 +08:00
    tabris17
        1
    tabris17  
       2020-01-02 11:32:47 +08:00
    css:

    body{transform: scale(0.75);}
    hoythan
        3
    hoythan  
       2020-01-02 11:41:46 +08:00
    @tabris17 这样 bug 能多到怀疑人生
    icebreaker12
        4
    icebreaker12  
       2020-01-02 11:54:54 +08:00
    document.body.style.zoom = document.documentElement.clientWidth / 2048; // 开发机分辨率 2048

    放到头部加载,支持 chrome 和 ie
    JCZ2MkKb5S8ZX9pq
        5
    JCZ2MkKb5S8ZX9pq  
       2020-01-03 00:51:19 +08:00 via iPhone
    是不是应该桌面正常做,移动端 meta 里改缩放比?
    现在可以全局 zoom 吧,移动端一时搞不明白的话就用 js 排除一下。
    或者让客户 ctrl-三次……
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2868 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 14:19 · PVG 22:19 · LAX 06:19 · JFK 09:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.