Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 根据浏览器大小对齐图像_Html_Css - Fatal编程技术网

Html 根据浏览器大小对齐图像

Html 根据浏览器大小对齐图像,html,css,Html,Css,这是一个带有1024px浏览器窗口的普通图像 现在,如果浏览器大小减小到1024px以下,图像和文本块需要逐渐换行,如下所示。 我们应该如何实现这一点。我的意思是,我们需要CSS中的什么标签来实现这一点?使图像进行包装的最简单方法是将img元素依次放入HTML文档中,然后观察它们的包装。为了实现特定的布局,您需要添加什么内容取决于特定的布局是什么。这可能涉及不同窗口宽度范围的不同样式表,使用媒体查询。您需要的是响应式Web设计。你可以找到更多的文档,非常感谢…它真的很有用。。。!!!

这是一个带有1024px浏览器窗口的普通图像 现在,如果浏览器大小减小到1024px以下,图像和文本块需要逐渐换行,如下所示。
我们应该如何实现这一点。我的意思是,我们需要CSS中的什么标签来实现这一点?

使图像进行包装的最简单方法是将
img
元素依次放入HTML文档中,然后观察它们的包装。为了实现特定的布局,您需要添加什么内容取决于特定的布局是什么。这可能涉及不同窗口宽度范围的不同样式表,使用媒体查询。

您需要的是响应式Web设计。你可以找到更多的文档,非常感谢…它真的很有用。。。!!!