sakuraT1
V2EX  ›  问与答

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

  •  
  •   sakuraT1 · Feb 25 · 2103 views
    This topic created in 255 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
    liudewa
    Feb 25
    1
    tailwindcss
    g1vemep0wer
    2
    max-width?
    molvqingtai
    3
    核心思路,在 1440 屏幕下将版心内容缩小
    width: 80vw; 两边始终留白
    max-widht: 1440px;
    tutouguai
    tutouguai
    Feb 25
    4
    你现在看的 v 站咋样你就咋样
    Croow
    Croow
    Feb 25
    5
    op 是在校学生吗?
    doudouisamomo
    6
    可以做两版吗。。。
    grassblock
    grassblock
    Feb 26 via Android
    7
    ```
    body {
    max-width: 1440px
    margin: auto
    }
    ```
    后面忘了,响应式设计啥的可以看看 mdn 的 media 条目
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1645 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 11:54 · PVG 19:54 · LAX 03:54 · JFK 06:54
    ♥ Do have faith in what you're doing.