如何在图像旁边放置图像并使用屏幕分辨率对图像进行缩放

我在右侧设置了一段文字和图像。问题是如果用户屏幕较小，图片的分辨率不会改变。我在样式中将“width：256px”替换为“width：40％”。这使得图像适当地缩放，但是它在文本上方移动。无论我多小的形象，它都不会回落。但它确实保持在右侧。如何在图像旁边放置图像并使用屏幕分辨率对图像进行缩放

这里是我的html：

<p style="float:right"><img src="http://qnimate.com/wp-content/uploads/2014/03/images2.jpg" alt="Missing Img" style="float:right; width: 40%"></p> 
 
<p>Lorem ipsum dolor sit amet</p>

来源

2017-08-19 Kyle Freeman

只需卸下包裹p标签，甚至放置img标签文本的p标签内...
事情是这样的：

<p> 
 
    <img src="Url" alt="Missing Img" style="float:right; width: 40%"> Lorem ipsum dolor sit amet 
 
</p>

来源

2017-08-19 03:02:43

哦......现在看起来很明显。我在试图弄清楚如何在查看文本之前将图像放在文本右侧的同时，用它来包裹它。当我了解浮动时，从来没有想过将它移除。 –

如何在图像旁边放置图像并使用屏幕分辨率对图像进行缩放

回答

相关问题