根据屏幕大小,加载不同大小的图片
今天要介绍的东西,很简单,但是对于前端响应式的时候是个很重要的知识; 我们在用bootstrap这类前端框架时, 虽然页面局部通过media query实现了,页面始终无滚动条,响应式页面。 但是,bootstrap里面的img-responsive类只是通过设置图片100%, 并没有真正的实现在手机上和电脑端加载不同大小的图片。
今天要介绍的东西,很简单,但是对于前端响应式的时候是个很重要的知识; 我们在用bootstrap这类前端框架时, 虽然页面局部通过media query实现了,页面始终无滚动条,响应式页面。 但是,bootstrap里面的img-responsive类只是通过设置图片100%, 并没有真正的实现在手机上和电脑端加载不同大小的图片。