如何使用文本调整css上的图像大小而不重叠

Question

我在学校使用cloud9进行项目。在使用实时预览（小窗口窗格）时，我的图像相应地适合，但是当我最大化我的屏幕浏览器时，我的图像彼此堆叠并且尺寸增加了。理想情况下，我希望我的文本位于左侧，我的图像位于右侧，并相应调整大小，以便尽管屏幕较小或较大，它们仍然看起来合适。我已经弄乱了像素，宽度，高度，使用％而不是像素以及调整边距和填充。我只使用HTML / CSS！任何人都可以指向正确的方向或推荐一个解释如何操纵CSS图像大小的阅读？我读过w3schools和其他博客，但没有运气。

Answer 1

如果您的图像尺寸以％表示，那就是屏幕显示时它们变大的原因。至于重叠，请检查它们的位置。如果它们以测量单位而不是％来定位，则不会随屏幕调整大小，从而导致重叠。如果没有看到任何源代码，我无法提供具体的修复。