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