这个代码把<div>里的内容都删除了,很简单,在Firefox 98的F12模式、Edge 100和Chrome 96的Responsive模式下都测试通过。

<div id="Layer1">
	<img src="./1.jpg" width="100%" height="100%" /> 
</div>

有一位作者上传了一份资料,介绍了实现图片自适应的几种方式,见下面链接。但是,这些方法适合前端开发人员;如果是网站内容运营人员,难以修改CSS等代码,可以在内容编辑器中切换到源代码模式,输入上面的简单代码即可。

HTML5移动页面自适应手机屏幕四类方法总结_-互联网文档类资源-CSDN下载

更多推荐

图片自适应页面大小的简单HTML代码