火狐浏览器如何令网页图片适应当前窗口的大小?

Posted 2023-04-16

　　您好，感谢您对火狐的支持

　　实现图片大小自适应可以用javascript实现也可以使用css实现，我们看看css实现方法，在 中添加如下代码：
img max-width:650px;width;expression(this,width>650&&this.width>this.height? 650px:'auto';)max-height:1650px;heiht;expresion(this.height>1650 ? 1650px:'auto');

cc以上代码就是如果图片超过650px就会自动缩小到650px，从而不影响页面效果。

　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。 参考技术A 　您好！很高兴为您答疑。
　　据您所描述的要求，您是要在页面中将所有展示的图片设定统一大小，这个借助于css样式，定义图片以固定的长宽即可。但是因为图片之间是存在长宽比差异的，统一按此设置，极易造成图片变形、失真等一系列影响图片展示的问题。因此推荐您使用css的：max-height和max-width属性，这样即可达到统一图片展示区域，又不影响图片宽高比的目的

用css、如何让图片自动适应屏幕大小,不出现滚动条,不变形，兼容各个浏览器？急！！！各位大神帮帮忙

参考技术A 如果是个背景图的话，
定义一个div,高100%,宽100%，里面放个img
<div class='bg'>
<img src="images/bg.jpg" alt="">
</div>

html,bodyoverflow: hidden;
.bgwidth: 100%;height: 100%;top:0;z-index: -1; position: absolute;
.bg imgdisplay: block;outline: none;border:0;height: 100%;width: 100%;追问

谢谢、解决了

本回答被提问者采纳 参考技术B img width:100%; height:auto;
这样就可以了追问

你这样会变形、出现滚动条、浏览器不兼容

追答

body margin:0; padding:0; width: 100%;height: 100%;
img width:100%; height: 100%;display: block;