HTML实现宽度100%、高度自动拉伸图片的代码示例

请参考以下代码： ```html <!DOCTYPE html> <html> <head> <style> .image-container { width: 100%; } .image-container img { width: 100%; height: auto; } </style> </head> <body> <div class="image-container"> <img src="your-image.jpg" alt="Your Image"> </div> </body> </html> ``` 在上述代码中，我们创建了一个包含图像的`<div>`元素，并将其宽度设置为100%。然后，我们将图像的宽度设置为100%，高度设置为自动（即自动拉伸以保持其比例）。只需将`src`属性的值替换为你要使用的图像的路径，然后将文件保存为`.html`文件，即可在浏览器中查看结果。 ######[AI写代码神器 | 362点数解答 | 2024-06-15 21:26:05]

服务商

更多选项

快捷项

自定义

HTML实现宽度100%、高度自动拉伸图片的代码示例