运行width=30%时图片的大小有问题

来源：2-3 编程练习

慕的地2086669

2020-09-28 19:59:24

在网页里运行width=30%图片比不加width=30%小，
在我自己电脑的vscode上运行时加width=30%图片比不加width=30%大，
这是什么原因呢？

写回答

1回答

好帮手慕言

2020-09-29

同学你好，图片宽度设置百分比，是根据图片父元素的宽度来计算的，例如：

老师的分辨率比较大，没有给p标签设置宽度，那么p标签的宽度就是整个网页的宽度，老师这边是1887px，图片的宽度设置的是50%，在浏览器查看图片的宽度，是943.5px，百分之50是943.5px，百分之百就是1887px，以谷歌浏览器为例，按F12键

出现同学所说的情况，应该是在线编辑器测试时，显示图片的网页太小了，同学使用自己的电脑测试，显示图片的网页大导致的。

建议：目前了解这个情况即可，后期我们会学习css，可以使用css给p标签设置宽度，解决这个问题。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0 学习 · 15276 问题

相似问题

回答 3

回答 1

回答 1

回答 2

回答 1