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

时间:2017-08-19 02:57:21

标签: html css

我有一个简单的设置,其中包含一段文字和一个右侧的图像。问题是如果用户屏幕较小,图片的分辨率不会改变。我更换了#34;宽度:256px" "宽度: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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

只需移除包裹p标记,甚至将img标记放在文本的p标记内...
像这样:

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