在縱向和橫向模式下爲iPhone/iPad圖庫自動調整圖像尺寸

我必須爲iPhone和iPad優化一個小型網站。感謝媒體查詢，我使用了兩個css文件，一個用於iPhone肖像&風景模式，另一個用於iPad肖像&風景+其他所有其他。網站上有一個圖片庫，我希望這些圖像可以使用最大可用區域，具體取決於它們在哪個設備上顯示，以及方向模式。在縱向和橫向模式下爲iPhone/iPad圖庫自動調整圖像尺寸

我最終在同一頁面上使用了4個nivo滑塊，我用css隱藏了3個（display：none）。圖像由TimThumb調整大小。這絕對是一個不好的解決方案（例如，即使只有一個顯示，所有4個nivo滑塊都在加載並運行在iPhone上），我想知道是否有其他解決方案來解決這個問題？

來源

2011-04-17 Bay

僅供參考：無法通過閱讀標題或查看標籤來了解您是否在尋求Web開發。我想說這個問題很可能不會引起合適人員的注意。 – 2011-04-17 15:25:04

任何想法更好的標籤/標題？不幸的是，我想不出更好。：/（我認爲你是對的。） - 我現在改變它，但不知道它是否比以前更好。 – Bay 2011-04-17 15:31:00

您仍然不會使用任何與網頁開發相關的詞語或標籤。所有的單詞和標籤對於Objective-C中有關應用程序開發的問題都是完全有效的。 – 2011-04-17 16:33:24

我有ipad的應用類似的問題，我簡單地用於這樣的：

img.homepg {寬度：920px; } @media屏幕和（最大寬度：910px）{

img.homepg { 
    width:670px; } } img { 
transition:all .2s linear; 
-o-transition:all .2s linear; 
-moz-transition:all .2s linear; 
-webkit-transition:all .2s linear; }

與.homepg作爲IMG類，920是最大的圖像的寬度，910是觸發所述圖像調整大小最大屏幕寬度（又名當方向改變時），並且670是最小img寬度！

來源

2012-07-16 22:28:32 user1524313

這似乎並沒有解決OP問題，即：如何避免同一頁面上4個併發圖像的帶寬浪費？ – Pandaiolo 2012-10-10 19:32:45

在縱向和橫向模式下爲iPhone/iPad圖庫自動調整圖像尺寸

回答

相關問題