Question

淘宝首页的自定义区域怎么弄成不分屏幕大小自动缩放图片，求css大神

淘宝首页的图片是1920的宽。但是小尺寸的屏幕看就是两边的部分都看不到，怎么不区分屏幕显示完整的图片呢，求此css代码

Answer 1

1920像素是目前主流显示器的最大横向分辨率（当然更高的也有，但还不常见），1024则是最小的分辨率（更小的也有，比如800*600的，但已经很少有人用了），所以天猫或淘宝店装修时在轮播图中一般都是用的1920宽度的图片，目的是为了使用大显示器的用户能够看到完整的图片，但是在具体的构图上，都是把主体内容（比如产品和模特的图片、文字等）放在最中间约990到1000像素宽的范围（是1024去掉浏览器滚动条和边框的宽度），两边则只放一些装饰性的元素，这样的话使用小尺寸显示器的用户也能看到基本完整的内容。目前大部分天猫店铺基本上都是这么处理图片的，包括那些日营业额上千万的牛店。淘宝店铺则由于官方的限制，一般只在轮播图上使用这种方式。
你如果一定要在任何显示器上都显示完整的1920宽的图片，只需在图片代码上加个100%的宽度即可，比如：
<img src="......图片名......" width="100%" />
附注：根据你的店铺代码，有可能会无效。
个人建议尽量不要这么做，因为大图片缩小后质量会变差，而且里面的文字、产品图片会小很多，会大大降低使用小显示器的用户体验。