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

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

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

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

css:

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

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

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

html:

 
        
        //假定圖片路徑正常

css:

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/114224.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

Zhuxy 2019-08-23 13:45 評(píng)論0 收藏0