这是一个创建于 1185 天前的主题，其中的信息可能已经有所发展或是发生改变。
目前我了解到的移动端适配的方案有两种。
1 、通过响应式的方式来适配，媒体查询的方法，判断设备的宽度来改变样式。（腾讯官网的页面就是用的这种方案： https://www.tencent.com/zh-cn ）
2 、单独写两套，一套 PC 页面，一套 Mobile 页面，通过 JS 来判断用户访问设备，从而决定用户访问哪个页面。（云闪付的官网用的是这种方案： https://yunshanfu.unionpay.com/ 但是这种方案不是应该需要两个域名吗，他的移动端和 PC 端都是同一个域名，请问这是怎么实现的。）
3 、如果是不同屏幕尺寸适配的话，是不是行高、外边距、内边距这些值尽量用 rem 作为单位。字体大小用 px，可以避免一些在不同大小屏幕上的布局问题。
想问下目前配合 Vue 来做移动端和不同屏幕尺寸适配问题的最优解是什么方案？
是利用 tailwind 这个 CSS 框架吗？
1 、通过响应式的方式来适配，媒体查询的方法，判断设备的宽度来改变样式。（腾讯官网的页面就是用的这种方案： https://www.tencent.com/zh-cn ）
2 、单独写两套，一套 PC 页面，一套 Mobile 页面，通过 JS 来判断用户访问设备，从而决定用户访问哪个页面。（云闪付的官网用的是这种方案： https://yunshanfu.unionpay.com/ 但是这种方案不是应该需要两个域名吗，他的移动端和 PC 端都是同一个域名，请问这是怎么实现的。）
3 、如果是不同屏幕尺寸适配的话，是不是行高、外边距、内边距这些值尽量用 rem 作为单位。字体大小用 px，可以避免一些在不同大小屏幕上的布局问题。
想问下目前配合 Vue 来做移动端和不同屏幕尺寸适配问题的最优解是什么方案？
是利用 tailwind 这个 CSS 框架吗？
 |
1
alading11 2021-08-11 22:15:56 +08:00
新手，在做移动端的项目，主要还是 rem 配合 flex 布局来做。就我个人感觉，只是移动端的话，用上 rem，多用 flex 里的 justify 和 items 属性的话也就差不多了。tailwindcss 还是蛮好用的，最近就在用这个。
|
Select Language