iPad和移動問題大圖像

我目前在我的網站上有一個比平常大很多的圖像，但網站根據每個用戶顯示器的寬度切斷了每個圖像的邊緣，這很好。iPad和移動問題大圖像

但是，在iPad /移動設備上，整個圖像總是顯示出來，它將整個網站推向左側，同時還向右側留下大面積的空白區域。

任何有關如何確保iPad切斷圖像作爲網頁瀏覽器正在做的建議，將不勝感激。

我用我的頭以下

<meta name="viewport" content="user-scalable=yes, width=980px"> 
<meta name="format-detection" content="telephone=no"> 
<meta name="viewport" content="width=980">

非常感謝

來源

2012-07-23 Ben

你能提供一個鏈接到你的網頁嗎？ – 2012-07-23 11:32:59

嘗試initial-scale = 1。反正總是有一個元視口的問題。檢查這裏的討論：https://github.com/h5bp/html5-boilerplate/issues/1099 – SVS 2012-07-23 11:37:07

我已經設法讓圖像適合屏幕上，雖然圖像被壓扁，以適應屏幕，而不是切斷 – Ben 2012-07-23 12:25:33

將這個在UIWebView的

的定義，你

webView.frame=self.view.bounds; 

webView.scalesPageToFit = YES;

那麼用戶將在放大和縮小的時間根據他/她的需要閱讀內容。

來源

2012-07-23 11:53:13

iPad和移動問題大圖像

回答

相關問題