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

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

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

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网