css照片自适应屏幕宽度 |css 鼠标 禁止

img {
max-width: 100%;
height: auto;
}

上面的代码可以应用于所有的图片，它的原理很简单：将图片的最大宽度设置为100%，然后让浏览器自动根据图片的原始宽高比例来计算高度。这样，即使设备屏幕的宽度变化，图片也会自动调整大小，而不会失真。

在实际应用中，可以通过以下几个步骤来实现CSS照片自适应屏幕宽度：

1. 在网页代码中插入图片，如<img src=”example.jpg”>
2. 使用上述代码对所有图片应用样式
3. 可以根据需要调整max-width的百分比来达到不同的效果。

总之，CSS照片自适应屏幕宽度是一种很有用的技巧，它可以确保网站在不同设备上都有良好的展示效果，提高用户体验和网站的品质。