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

回答

相关问题