IOS下圖片不能顯示問題的解決辦法

tinylcy 發(fā)布于2019-08-29 17:17 / 1880人閱讀

摘要：最近遇到這樣一個問題，在手機頁面中，直接給假定圖片路徑正常這樣，圖片在安卓以及模擬真機上是能夠正常顯示的，而在手機下無法正常顯示。

最近遇到這樣一個問題，在HTML5手機頁面中，直接給 //假定圖片路徑正常

css:

img{
  width:100px;
  height:100px;
}

這樣，圖片在安卓以及模擬真機上是能夠正常顯示的，而在IOS手機下無法正常顯示。

有人提供給我一個解決辦法，給img標(biāo)簽加一個父級元素，給父級元素設(shè)置寬高，然后給img標(biāo)簽設(shè)置寬高100%，如下:

html:

 
        
        //假定圖片路徑正常

css:

   .img-container{
      width:100px;
      height:100px;
   }
   .img-container img{
     width:100%;
     height:100%;
   }

這樣圖片就能在IOS手機上正常顯示了，不知還有更好的辦法嗎？

鄙人創(chuàng)建了一個QQ群，供大家學(xué)習(xí)交流，希望和大家合作愉快，互相幫助，交流學(xué)習(xí)，以下為群二維碼：

GPU云服務(wù)器云服務(wù)器圖片不能顯示的解決辦法圖片顯示問題微軟的解決辦法

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/114224.html

相關(guān)文章

IOS下圖片不能顯示問題的解決辦法

摘要：最近遇到這樣一個問題，在手機頁面中，直接給假定圖片路徑正常這樣，圖片在安卓以及模擬真機上是能夠正常顯示的，而在手機下無法正常顯示。最近遇到這樣一個問題，在HTML5手機頁面中，直接給 //假定圖片路徑正常 css: img{ width:100px; height:100px; } 這樣，圖片在安卓以及模擬真機上是能夠正常顯示的，而在IOS手機下無法正常顯示。有人提供給...

stefan 2019-08-02 12:02 評論0 收藏0
IOS下圖片不能顯示問題的解決辦法

摘要：最近遇到這樣一個問題，在手機頁面中，直接給假定圖片路徑正常這樣，圖片在安卓以及模擬真機上是能夠正常顯示的，而在手機下無法正常顯示。最近遇到這樣一個問題，在HTML5手機頁面中，直接給 //假定圖片路徑正常 css: img{ width:100px; height:100px; } 這樣，圖片在安卓以及模擬真機上是能夠正常顯示的，而在IOS手機下無法正常顯示。有人提供給...

xinhaip 2019-08-26 12:25 評論0 收藏0
html2canvas以及domtoimage的使用踩坑總結(jié)

摘要：本人建議第二種，更保險三轉(zhuǎn)換的位圖不能被以上版本所識別?？蛻羰褂玫臅r候發(fā)現(xiàn)了這個問題，沒法。五離成功只有一步之遙了，使用了之后安卓手機不能將圖片分享給朋友。識別不了問題分析安卓能識別但不能識別矢量圖片解決辦法自己手寫咯。判斷手機為安卓還是。前言首先做個自我介紹，我是成都某企業(yè)的一名剛剛?cè)胄屑s一年的前端，在之前的開發(fā)過程中，遇到了問題，也解決了問題，但是在下一次解決相同問題的時候，只...

鄒強 2019-08-23 11:01 評論0 收藏0
html2canvas以及domtoimage的使用踩坑總結(jié)

摘要：本人建議第二種，更保險三轉(zhuǎn)換的位圖不能被以上版本所識別?？蛻羰褂玫臅r候發(fā)現(xiàn)了這個問題，沒法。五離成功只有一步之遙了，使用了之后安卓手機不能將圖片分享給朋友。識別不了問題分析安卓能識別但不能識別矢量圖片解決辦法自己手寫咯。判斷手機為安卓還是。前言首先做個自我介紹，我是成都某企業(yè)的一名剛剛?cè)胄屑s一年的前端，在之前的開發(fā)過程中，遇到了問題，也解決了問題，但是在下一次解決相同問題的時候，只...

MageekChiu 2019-08-02 11:14 評論0 收藏0
html5--移動端視頻video的android兼容，去除播放控件、全屏等

摘要：但在下，多數(shù)機子是不顯示視頻畫面的，要不就是顯示一個黑色的還不是全屏的播放控件，即使及加個封面也不濟(jì)于是。因為微信的播放器是脫離結(jié)構(gòu)的，也不會響應(yīng)等事件。 android下html5的視頻播放一直是前端兼容的重災(zāi)區(qū)，各種體驗差，被詬病已久。但之前的故宮穿越H5，和吳亦凡入伍H5，利用的視頻技術(shù)，貌似又給人一種新面貌。前段時間做某項目，恰好也是一個類似視頻全屏的，下面跟大家分享下經(jīng)歷的...

Zhuxy 2019-08-23 13:45 評論0 收藏0