Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

iphonex下面所有dialog 异常 #2578

Closed
killdada opened this Issue Mar 31, 2018 · 5 comments

Comments

Projects
None yet
3 participants
@killdada
Copy link

killdada commented Mar 31, 2018

@media screen and (min-width: 1024px)
.weui-dialog {
width: 35%;
}

审查元素发现iphonex下面这个生效,导致宽度不正常了

@airyland

This comment has been minimized.

Copy link
Owner

airyland commented Mar 31, 2018

iphoneX 812px 达不到你代码的 1024px,在 Chrome 里调试也不会出现你所说的问题。审查截图给一个?

http://stephen.io/mediaqueries/iphonex/

@killdada

This comment has been minimized.

Copy link
Author

killdada commented Mar 31, 2018

qq 20180331160757
qq 20180331160754

可能是我们使用了rem的原因,然后对一些样式在iphonex也进行了适配,改了meta,然后审查的时候min-width到达了那个值,暂时我这边加了个样式修复了下

@airyland

This comment has been minimized.

Copy link
Owner

airyland commented Mar 31, 2018

关于 rem 适配导致的这个问题有什么建议?因为组件默认使用的 px,如果兼容这种场景暂时没有什么想法。

@killdada

This comment has been minimized.

Copy link
Author

killdada commented Mar 31, 2018

目前还是用户自己处理吧,自己写media
@iphonex: ~"only screen and (device-width: 375PX) and (device-height: 812PX) and (-webkit-device-pixel-ratio: 3)";
@media @iphonex {
}

@killdada killdada closed this Mar 31, 2018

@caoleia

This comment has been minimized.

Copy link

caoleia commented Mar 1, 2019

@media screen and (min-width: 1024px) {
.weui-dialog {
width: 80% !important;
}
}
我是直接覆盖了样式

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.