關於圖片在手機瀏覽器顯示大小的問題

來源:互聯網
上載者:User
手機解析度是:720*1280,然後,我用screen.width在手機瀏覽器上顯示也是720.

現在我添加了一張圖片,尺寸是638*882的,結果該圖片寬度上竟然沒有顯示全,只顯示了一部分,後來我將圖片改成360*(高度)的,結果在瀏覽器介面,在寬度上就正好能顯示出來。

請問,這個解析度到底是怎麼算的?


回複討論(解決方案)

//加上這句

//加上這句



------------------------------------------------------------------------------------------------------------

有這句:

你是說自動縮小了?還是放大了?

只顯示一部分,那麼高度是否100%了?

只顯示一部分,那麼高度是否100%了?


------------------------------------------------------------------------------
也不是。
假如螢幕解析度為:480*800
我用QQ截一張圖,也是480*800,結果網頁顯示的時候,長寬都不是100%,都只顯示一半,據計算,我把圖片改成320*533,差不多正好完全顯示。
如果螢幕是:720*。。。的,圖片寬大概是360.

現在就是不知道這是啥原因。

你是說自動縮小了?還是放大了?


------------------------------------------------------------
這...如果非得說放大還是縮小的話,那就是圖片放大了~~
螢幕:480*800
圖片QQ截:480*800
在手機瀏覽器上顯示不完全。

還是不清楚具體表現。
只顯示一半,是圖片只顯示了一半?還是只佔螢幕的一半?還是兩者兼而有之?
先準確描述好你的問題。。。。

還是不清楚具體表現。
只顯示一半,是圖片只顯示了一半?還是只佔螢幕的一半?還是兩者兼而有之?
先準確描述好你的問題。。。。


----------------------------------------------------------------------------------------------------------
圖片只顯示了一部分,但是這部分已經把螢幕手機佔滿了。

javascript看一下你圖片的當前大小,外圍元素的邊框,內距等等。包括body的外距 內距
body預設是有內距和外距的

樓主自己搞錯了,手機的螢幕解析度跟瀏覽器可視地區的解析度不是一回事~~

結貼。

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.