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

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

想问下目前配合 Vue 来做移动端和不同屏幕尺寸适配问题的最优解是什么方案?
是利用 tailwind 这个 CSS 框架吗?
664 次点击
所在节点    程序员
1 条回复
alading11
2021-08-11 22:15:56 +08:00
新手,在做移动端的项目,主要还是 rem 配合 flex 布局来做。就我个人感觉,只是移动端的话,用上 rem,多用 flex 里的 justify 和 items 属性的话也就差不多了。tailwindcss 还是蛮好用的,最近就在用这个。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/795079

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX