sakuraT1
V2EX  ›  问与答

想问下各位前端大佬关于网站适配性问题

  •  
  •   sakuraT1 · Feb 25 · 1504 views
    This topic created in 77 days ago, the information mentioned may be changed or developed.
    在开发一个门户官网的网站时候遇到的问题: 设计稿是 1920, 版心内容是 1440, 我想要兼容下不同分辨率的用户,如果直接按照这个设计稿像素去开发的话,可能有些用户的屏幕就是 1440 或 1680 的了,这样显得页面很大,一个版新内容就几乎占用了用户的全屏,体验不太好,但是这个页面我又不能全局去用 rem 单位,这种情况改怎么适配
    7 replies    2026-02-26 14:13:27 +08:00
    liudewa
        1
    liudewa  
       Feb 25
    tailwindcss
    g1vemep0wer
        2
    g1vemep0wer  
       Feb 25
    max-width?
    molvqingtai
        3
    molvqingtai  
       Feb 25
    核心思路,在 1440 屏幕下将版心内容缩小
    width: 80vw; 两边始终留白
    max-widht: 1440px;
    tutouguai
        4
    tutouguai  
       Feb 25
    你现在看的 v 站咋样你就咋样
    Croow
        5
    Croow  
       Feb 25
    op 是在校学生吗?
    doudouisamomo
        6
    doudouisamomo  
       Feb 26
    可以做两版吗。。。
    grassblock
        7
    grassblock  
       Feb 26 via Android
    ```
    body {
    max-width: 1440px
    margin: auto
    }
    ```
    后面忘了,响应式设计啥的可以看看 mdn 的 media 条目
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   998 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 22:28 · PVG 06:28 · LAX 15:28 · JFK 18:28
    ♥ Do have faith in what you're doing.