簡單的響應100％img屬性問題與iPad/iPhone

我有一個非常簡單的投資組合網站（示例頁面：http://stevebishop.org/images/a_working_title/index.html），我做了一個響應式設計，加載一個'移動'屏幕。簡單的響應100％img屬性問題與iPad/iPhone

真正在代碼中的唯一css是在常規樣式表上，圖像縮放爲屏幕的100％高度，移動時它們的寬度爲100％。目的是爲每個設備提供儘可能大的圖像，並且一次顯示圖像。

這一切工作正常，但問題是觀看在iPad上 - 因爲他們應該行爲像臺式機和裝載常規的css文件，但他們似乎並沒有能夠處理高度：100％屬性，反而顯示每個圖像非常非常大。

有沒有人有任何建議，如何將代碼更改爲更穩定的代碼，或工作的方式加載iPad'移動'的CSS文件，而不會干擾我認爲它會的小桌面。

謝謝。

來源

2012-12-01 Estidog

除了使用width: 100%之外，還可以使用屬性例如max-width: 400px和max-height:200px來防止圖像非常大。

希望有助於一些。

問候。

來源

2012-12-01 15:34:31 alditis

感謝您的建議。我嘗試過這種方法，但它確實限制了圖像過大，但由於圖像的方向和大小並不完全相同，因此會導致圖像變得不平整，並且不能保持其比例。我使用這個：.resize {height：100％;寬度：汽車;最大高度：900px;最大寬度：汽車;}但這似乎並沒有正確保留比例。（900％是最大的圖像應該在高度，寬度相應調整。 – Estidog

簡單的響應100％img屬性問題與iPad/iPhone

回答

相關問題