Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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_Image_Responsive Design_Scaling - Fatal编程技术网

Html 我的图像不会缩小

Html 我的图像不会缩小,html,css,image,responsive-design,scaling,Html,Css,Image,Responsive Design,Scaling,嘿,当我调整屏幕大小时,我的图像不会变小。他们只是跳到彼此下面 有人能检查一下我的代码,看看有什么问题吗。我想调整图像的大小,这样在较小的屏幕上只有两个图像彼此相隔 下载代码链接: 链接到网页:我还没有看过你的代码,但我假设你有一些图像在旁边。为每个图像指定一个代表每个图像占用空间的百分比宽度 注意1:您需要将其设置为内联块元素,以便控制宽度 注意2:确保有一个DIV包含它们-因为这将是一个自动100%宽度的块元素 <div> <img src="image1.jpg" s

嘿,当我调整屏幕大小时,我的图像不会变小。他们只是跳到彼此下面

有人能检查一下我的代码,看看有什么问题吗。我想调整图像的大小,这样在较小的屏幕上只有两个图像彼此相隔

下载代码链接:


链接到网页:

我还没有看过你的代码,但我假设你有一些图像在旁边。为每个图像指定一个代表每个图像占用空间的百分比宽度

注意1:您需要将其设置为内联块元素,以便控制宽度

注意2:确保有一个DIV包含它们-因为这将是一个自动100%宽度的块元素

<div>
  <img src="image1.jpg" style="width: 23%">
  <img src="image2.jpg" style="width: 52%">
  <img src="image3.jpg" style="width: 25%">
</div>

注3:宽度加起来需要小于或等于100%


注4:添加
字体大小:0px
转到DIV以解决图像总数达到100%时仍然换行的问题

我们如何检查您的代码?没有任何内容,你不能从我的驱动器下载吗?你应该阅读媒体查询(),这是改变网站在较小设备上外观的适当方式。为了将来的参考,最好在一个片段中重新创建代码,这样人们就不太可能下载一个链接到的文件。请考虑将代码添加到问题中。另外,尝试将代码缩小到一个更简单的示例中,以用于复制您的问题