前端 - 横竖屏适配问题？
当前项目 横屏尺寸（1920 1080）,竖屏尺寸（1080 1920 及其他小屏幕尺寸）。考虑到竖屏要适配不同尺寸的屏幕，第一次有使用flexible.js 。竖屏都能进行比较正常的适配，但是横屏的布局会显得比较夸张。目前是有考虑到写两套路由的方案，但是代码量可能会比较大，请问有什么其他好的办法嘛。
共有1个答案
看业务类型，一般来说展示型网站，就是通过 @media 写适配，具体是自己手写还是使用 tailwindCSS 这样的原子类或者UI库提供的栅格布局都可以。只需要满足业务即可。 flexible 以及 px2rem 等方案已经都是处于废弃状态了。当然你如果一定要用也不是不行。
由于viewport单位得到众多浏览器的兼容，lib-flexible这个过渡方案已经可以放弃使用，不管是现在的版本还是以前的版本，都存有一定的问题。建议大家开始使用viewport来替代此方。
如果说是业务类型的，比如说有大量用户交互的，基本都是独立出来桌面端和移动端两套系统。按照不同的浏览器UA头去做判断跳转到正确的项目。
所以具体情况具体分析，你得把你的项目业务类型说明一下，大家才可以给到你更好更贴合实际的建议。
-
本文向大家介绍Android编程判断横屏、竖屏及设置横竖屏的方法，包括了Android编程判断横屏、竖屏及设置横竖屏的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android编程判断横屏、竖屏及设置横竖屏的方法。分享给大家供大家参考，具体如下： 还是这个手机项目，有一个需求是整个工程中只有刚进去的界面允许横屏显示，并且要将该界面的标题隐藏，当切换回竖屏显示的时候，标题变为可见，一
-
Since 10.0.8 setLandscape(android only) 横竖屏自由切换 setLandscape 使用方法 // 切换横屏 AlipayJSBridge.call('setLandscape', {}, function(e){ console.log(e) }); // 切换竖屏 AlipayJSBridge.call('setPortrait', {}, fun
-
本文向大家介绍Android横竖屏幕切换小结，包括了Android横竖屏幕切换小结的使用技巧和注意事项，需要的朋友参考一下 Android手机或平板都会存在横竖屏切换的功能，通常是由物理重力感应触发的，但是有时候也不尽然，通常在设置里面我们可以对手机的横竖屏切换进行关闭。 AndroidManifest.xml activity_main.xml MainActivity.java 以上内容给大家
-
本文向大家介绍Android 屏幕横竖切换详解，包括了Android 屏幕横竖切换详解的使用技巧和注意事项，需要的朋友参考一下 Android 屏幕横竖切换 Android 里面控制Activity的方向，只要在AndroidManifest.xml里面对应的Activity节点下加一句 android:screenOrientation="landscape"（landscape是横屏，port
-
本文向大家介绍解决Android手机屏幕横竖屏切换，包括了解决Android手机屏幕横竖屏切换的使用技巧和注意事项，需要的朋友参考一下 Android中当屏幕横竖屏切换时，Activity的生命周期是重新加载（说明当前的Activity给销毁了，但又重新执行加载）， 怎么使屏幕横竖屏切换时，当前的Activity不销毁呢？ 1. 在AndroidManifest.xml中为Activity设置co
-
本文向大家介绍Android横竖屏切换实例总结，包括了Android横竖屏切换实例总结的使用技巧和注意事项，需要的朋友参考一下 本文实例总结了Android横竖屏切换相关技巧。分享给大家供大家参考，具体如下： 一、禁止横竖屏切换 Android横竖屏切换在手机开发中比较常见，很多软件在开发过程中为了避免横竖屏切换时引发不必要的麻烦，通常禁止掉横竖屏的切换，即通过在AndroidManifest.x