我們在使用jquery weui插件時,在iphone上使用都正常,但是隻要是在plus的螢幕都是變形,不管是plus 8 、plus 7 等,都是導緻樣式出現沖突,相容性等問題,那如何解決?
一:打開jquery-weui.css檔案,找到media only screen and..這幾行樣式,注釋掉就可以了,如下圖:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNvwVZ2x2bzNXak9CX90TQNNkRrFlQKBTSvwFbslmZvwFMwQzLcVmepNHdu9mZvwFVywUNMZTY18CX052bm9CX9kEWZpmTzIWdsdkYwhnMMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2LcRHelR3LcJzLctmch1mclRXY39DN3EzNzUTM4ETMwkDM4EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
具體代碼:
@media only screen and (min-width: 400px) {
html {
font-size: 21.33333333px !important;
}
}
@media only screen and (min-width: 414px) {
html {
font-size: 22.08px !important;
}
}
@media only screen and (min-width: 480px) {
html {
font-size: 25.6px !important;
}
}
注釋掉,并不影響什麼。