移动端横屏适配置.

[mypeng1985]

如题,
请问下,如何配置在横屏的时候要做转换,
且页面能全屏处理.

[wswmsword]

你期望的横屏适配效果是什么样的。
插件适配横屏就是超过预设宽度后，两边留白，内容居中。其实插件没有区分具体的屏幕种类，只是根据屏幕宽度限制应用视图的最大宽度而已。

[mypeng1985]

你期望的横屏适配效果是什么样的。 插件适配横屏就是超过预设宽度后，两边留白，内容居中。其实插件没有区分具体的屏幕种类，只是根据屏幕宽度限制应用视图的最大宽度而已。

咱们插件是两边留白了,我想要的效果是直接全屏不要白边 .

@media (orientation: landscape) and (min-width: 768px) and (hover: none) and (pointer: coarse) { #app { width: 100% !important; max-width: 100% !important; } }
我写了一媒体查询来解决, 但是如果我把enableMediaQuery设成true后 ,我的就失效了.

[wswmsword]

这个 issue 78 您看下，可能是你想要的效果。

[mypeng1985]

这个 issue 78 您看下，可能是你想要的效果。

差不多是这个效果,
如果还要兼容PC,还是只能自己写个CSS 来控制了么?

[wswmsword]

你说的兼容 pc 是什么意思，pc 上是另一套布局吗？

[mypeng1985]

你说的兼容 pc 是什么意思，pc 上是另一套布局吗？

不 就是PC两边留白, 移动端 全屏.

[wswmsword]

PC 和移动端就不太好判断，如果通过 CSS，只能用媒体查询判断宽度，但是不能用一个宽度代表桌面端或是移动端。

如果能判断 PC 和移动端的话，可以在 issue 78 的配置下，动态修改应用根元素的 max-width 应该就行了，当判断到是 PC 时，添加 max-width: 600px !important，判断是移动端时移除 max-width。