HTML中的響應式div

我的html具有硬編碼的高度和寬度的圖像（由於在其上實現了轉換，所以是必需的）。但三個圖像保存在一個div中。那麼是否有一種方法可以將容器div保持在特定的高度和寬度，以便對所有屏幕尺寸作出響應並調整內部圖像的大小（如果需要）。任何幫助將不勝感激。HTML中的響應式div

來源

2016-01-25 anassaeed

你能提供給我們一個代碼嗎？謝謝:) –

歡迎來到堆棧溢出！尋求代碼幫助的問題必須包含在問題本身中重現**所需的最短代碼**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/introducing-runnable） -javascript-CSS-和HTML的代碼段/）。請參閱[**如何創建一個最小化，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

通常情況下，如果您在容器的持有者中設置img { max-width:100% , height:auto; }，那麼這將使他們在每個屏幕視圖端口都響應。因爲他們採用其父容器的大小。

來源

2016-01-25 08:11:22

嗯，我必須HARDCORDE圖像高度和寬度的CSS文件。衰落影響發生是至關重要的。那麼有沒有一種方法可以使div根據屏幕尺寸變小或變大。 – anassaeed

請給我一些代碼jsfiddle左右... –

HTML中的響應式div

回答

相關問題