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

请问 css 该怎么写?移动端 PC 端 大小屏

  •  
  •   hua123s · 2020-01-10 18:10:08 +08:00 · 1840 次点击
    这是一个创建于 1761 天前的主题,其中的信息可能已经有所发展或是发生改变。

    自己想实现个简单的首页 ,发现真的好困难啊

    用 css 写好了一个适应自己 13 寸的 mbp 的时候,在别的大屏幕比例就特别难看。

    请问大佬们都怎么去写 css 适配的?

    有那种现成的框架可以拿来用?

    9 条回复    2020-01-10 20:58:15 +08:00
    kljsandjb
        1
    kljsandjb  
       2020-01-10 18:18:05 +08:00 via iPhone   ❤️ 1
    reactstrap
    whypool
        2
    whypool  
       2020-01-10 18:21:11 +08:00
    flex
    sugarsalt
        3
    sugarsalt  
       2020-01-10 18:22:18 +08:00
    media query
    meteor957
        4
    meteor957  
       2020-01-10 18:22:47 +08:00
    media query
    LyleRockkk
        5
    LyleRockkk  
       2020-01-10 18:25:45 +08:00
    移动端 直接 上 vw 单位, pc 端的要适配所有尺寸屏幕的话,最好设计中间内容区,如果是全屏的,不兼容 IE 的话也可以用 vw
    kop1989
        6
    kop1989  
       2020-01-10 18:28:46 +08:00   ❤️ 1
    屏幕面积小跨度兼容(不同尺寸的手机、不同尺寸的 pc 屏幕):相对大小、比例布局
    屏幕面积大跨度兼容(手机》 pad 》 pc,甚至是涉及屏幕翻转):响应式布局
    CallMeReznov
        7
    CallMeReznov  
       2020-01-10 18:37:31 +08:00 via Android
    直接上 layui
    TomatoYuyuko
        8
    TomatoYuyuko  
       2020-01-10 18:42:12 +08:00
    bootstrap 系列写起来多简单啊,媒体查询的话写多了有点不好处理
    25zai
        9
    25zai  
       2020-01-10 20:58:15 +08:00
    响应式布局了解一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3061 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 13:45 · PVG 21:45 · LAX 05:45 · JFK 08:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.