假设我有一个 400 像素宽和 250 像素高的图像。用户调整屏幕大小或在智能手机上加载页面。
假设屏幕宽度为 320 像素宽。 400 像素的图片放不下。
有没有办法在屏幕不够宽时使用 CSS 自动调整图像大小(并保持比例)？
换句话说，图像的大小应从 400 像素宽调整为 320 像素宽(例如)。
最佳答案
使用
max-width: 100%;
Google 响应图像以获取更多信息。 http://mobile.smashingmagazine.com/2013/07/08/choosing-a-responsive-image-solution/
关于html - 如果屏幕不够宽，如何使用 CSS 有条件地调整图像大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21161958/