分针网—IT教育：根据屏幕大小，加载不同大小的图片

时间 2021-01-18

标签教育图片繁體版

原文原文链接

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

>>阅读原文<<

分针网—IT教育： 根据屏幕大小，加载不同大小的图片

分针网—IT教育：根据屏幕大小，加载不同大小的图片