鍍金池/ 問答/HTML/ 一套css樣式,為什么在有的手機(jī)上可以看到效果有的手機(jī)看到的是白屏呢,附圖(主要

一套css樣式,為什么在有的手機(jī)上可以看到效果有的手機(jī)看到的是白屏呢,附圖(主要是ios看不到)

前兩天剛敲完了一個項(xiàng)目,
在谷歌瀏覽器上做的開發(fā) !?。。。?!項(xiàng)目主要是在微信的網(wǎng)頁打開觀看的

clipboard.png

當(dāng)我發(fā)給好友的是

clipboard.png

在蘋果8打開,蘋果6s打開頁面正常

clipboard.png

蘋果5打開(都是老式機(jī)子)頁面白屏

clipboard.png

老板說他朋友的蘋果7打開也是看不了,是以前的老式機(jī) 這就比較尷尬了,

我的頁面css是這樣寫的

  @media only screen and (min-height: 600px) and (max-height: 900px) {
  ......
  }
  @media only screen and (min-height: 100px) and (max-height: 600px) {
  .......
  }

我是從高度做的判斷
知道了這個BUG之后我把樣式直接寫在了外面把 @media 做的判斷刪除了

在測試機(jī)蘋果5上測試 還是白屏,這可能是什么原因?qū)е碌哪兀?/p>

回答
編輯回答
離觴

應(yīng)該是手機(jī)瀏覽器內(nèi)核的原因了

2018年9月11日 08:31
編輯回答
孤影

有些css屬性老機(jī)子不兼容啊 有沒有用到變量啊 grid啊之類的

2017年7月28日 14:19