Dan*_*J F 10 css responsive-design
我现在并不需要它,但出于好奇......
假设我们有一个流畅的网站布局,在1920px显示器和小型智能手机上运行良好.现在让我们说我们有图像,显然(显然？)我们想要缩放它们.我们在服务器上上传了2560px图像(因为现在谁在乎带宽)并将width: 100%属性设置为img标签.
所以我们有两个用户:一个拥有1920px显示器的程序员,让我们称他为Jo,一个带智能手机的女学生,让我们称她为Nancy(因为南希的一切都好,对吧？).
乔和南希很高兴,因为我们的计划使用图像缩放width: 100%工作,但如果我们决定显示小图像,如400px宽度？南希不会注意到什么,但对乔来说,这将是一场灾难.
所以问题是:我们可以在不使用JavaScript的情况下让Jo和Nancy满意吗？
Fil*_*lip 22
为什么不去max-width: 100%代替呢？
这将使所有小于屏幕宽度的图像保持不变,并且宽度大于屏幕的图像将大小调整为100%.问题解决了,大家开心!