如何根据屏幕的宽度展示不同的图片个数

如何根据屏幕的宽度展示不同的图片个数
例如在宽屏下展示 6张图片 在窄屏下只显示4张图片

这个 貌似用css3 @media 判断一下分辨率就可以做了。如果非要用js的话,那你 先获取当前浏览器宽度,所有图片的宽度。然后进行判断就行了

获取屏幕的宽度,判断不就可以了?

去看看响应式布局,比如bootstrap

最简单的float就可以解决,但是效果太粗糙,肯定不是你想要的,你想要的应该是css3 中的media query方式,这个可以完美解决你的需求,就是在不同的屏幕宽度下写不同的css样式

响应式布局,媒体查询