如何在圖像旁邊放置圖像並使用屏幕分辨率對圖像進行縮放

我在右側設置了一段文字和圖像。問題是如果用戶屏幕較小，圖片的分辨率不會改變。我在樣式中將「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

哦......現在看起來很明顯。我在試圖弄清楚如何在查看文本之前將圖像放在文本右側的同時，用它來包裹它。當我瞭解浮動時，從來沒有想過將它移除。 –

如何在圖像旁邊放置圖像並使用屏幕分辨率對圖像進行縮放

回答

相關問題