我是一名新开发人员，正在尝试使用HTML和CSS为客户创建网站。网页上有很多图像，我以百分比定义了所有图像宽度，以使其具有响应性。该网页在笔记本电脑和移动设备上看起来都很棒。
但是，当我的浏览器在浏览器（包括chrome（在Windows7中为Chrome）或移动设备）上缩放网页时，文本和其他区域就会放大，但是图像会继续保持其大小。对于容器内部和外部的图像仍然如此。所有宽度均以百分比为单位，包括容器的宽度。
如果我将宽度更改为像素，则它们会变大，但它们会失去响应能力。我严重困扰着这个看似微不足道的问题。有问题的图像具有更好的细节，用户可能希望在手机上缩放图像以更好地欣赏细节。
总而言之，如果以百分比定义图像宽度，则浏览器缩放无效。例如，如果图像的宽度为50％，则无论浏览器缩放的大小如何，图像都会继续占据屏幕的一半。
答案 0 :(得分：0)
好的，我想我理解您的问题。最后。我举了两个例子：
只有一个区别：在第二个区别中，我固定了身体的宽度。问题是，仅说图像应为宽度的50％，浏览器就不知道图像的50％，因此它进入显示图像的窗口。但是，如果我固定主体的宽度，或图片周围的任何方框，那么它知道要拿50％的钱。由于主体具有固定的宽度，因此它将正确缩放，因此图像也将正确缩放。
我知道您要说的是：“我不想将任何内容设置为固定宽度，我想要一个响应式网站！”。但是，恐怕就是这样。 50％的视口（=窗口）是50％的视口。您可以将图像放入具有固定宽度的盒子中，然后它将缩放。
问题的关键是：缩放和响应速度彼此相反。您可以使网站具有响应能力，因此用户不必缩放，也可以不缩放，然后用户可以放大。