目前我了解到的移动端适配的方案有两种。
1 、通过响应式的方式来适配,媒体查询的方法,判断设备的宽度来改变样式。(腾讯官网的页面就是用的这种方案:
https://www.tencent.com/zh-cn )
2 、单独写两套,一套 PC 页面,一套 Mobile 页面,通过 JS 来判断用户访问设备,从而决定用户访问哪个页面。(云闪付的官网用的是这种方案:
https://yunshanfu.unionpay.com/ 但是这种方案不是应该需要两个域名吗,他的移动端和 PC 端都是同一个域名,请问这是怎么实现的。)
3 、如果是不同屏幕尺寸适配的话,是不是行高、外边距、内边距这些值尽量用 rem 作为单位。字体大小用 px,可以避免一些在不同大小屏幕上的布局问题。
想问下目前配合 Vue 来做移动端和不同屏幕尺寸适配问题的最优解是什么方案?
是利用 tailwind 这个 CSS 框架吗?
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/795079
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.