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

关于移动端适配和不同屏幕尺寸的适配一些问题,急!

  •  
  •   fqy12300 · 2021-08-11 14:29:05 +08:00 · 642 次点击
    这是一个创建于 961 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前我了解到的移动端适配的方案有两种。
    1 、通过响应式的方式来适配,媒体查询的方法,判断设备的宽度来改变样式。(腾讯官网的页面就是用的这种方案: https://www.tencent.com/zh-cn
    2 、单独写两套,一套 PC 页面,一套 Mobile 页面,通过 JS 来判断用户访问设备,从而决定用户访问哪个页面。(云闪付的官网用的是这种方案: https://yunshanfu.unionpay.com/ 但是这种方案不是应该需要两个域名吗,他的移动端和 PC 端都是同一个域名,请问这是怎么实现的。)
    3 、如果是不同屏幕尺寸适配的话,是不是行高、外边距、内边距这些值尽量用 rem 作为单位。字体大小用 px,可以避免一些在不同大小屏幕上的布局问题。

    想问下目前配合 Vue 来做移动端和不同屏幕尺寸适配问题的最优解是什么方案?
    是利用 tailwind 这个 CSS 框架吗?
    alading11
        1
    alading11  
       2021-08-11 22:15:56 +08:00
    新手,在做移动端的项目,主要还是 rem 配合 flex 布局来做。就我个人感觉,只是移动端的话,用上 rem,多用 flex 里的 justify 和 items 属性的话也就差不多了。tailwindcss 还是蛮好用的,最近就在用这个。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3612 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 10:28 · PVG 18:28 · LAX 03:28 · JFK 06:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.