对于网站上的每个帖子，都会有一个标题图片。此图像的宽度为100vw，高度为300px。我想通过img标签的srcset属性或完整的picture元素(不确定在这一点上，因此这个问题)。使用srcset属性这样做会很容易:当我想考虑不同的设备像素比时，问题就出现了。首先，假设我有上面srcset中列出的所有图像的2x和3x版本。假设我有一部2x手机，其视口(viewport)为320px(例如iPhone5)。我希望浏览器加载xs_2x.jpg。同样，假设我有一个带宽屏显示器的1x桌面。我希望浏览器加载lg.jpg。但现在假设我有一部更大的手机，一部有3x、414px宽视口(viewpo

选择的适配方案设计稿是1920pxflexible.js把屏幕分为10等份(flexible.js中可修改，默认为10)image.png新建vue项目，项目目录如下image.pngsrc/assets文件下创建一个新的文件夹css，css文件夹下新建一个base.css文件用于定义全局样式html,body,#app{padding:0;margin:0;height:100%;min-width:1024px;}body,div,span,header,footer,nav,section,aside,article,ul,ol,dl,dt,dd,li,a,p,h1,h2,h3,h4,h

选择的适配方案设计稿是1920pxflexible.js把屏幕分为10等份(flexible.js中可修改，默认为10)image.png新建vue项目，项目目录如下image.pngsrc/assets文件下创建一个新的文件夹css，css文件夹下新建一个base.css文件用于定义全局样式html,body,#app{padding:0;margin:0;height:100%;min-width:1024px;}body,div,span,header,footer,nav,section,aside,article,ul,ol,dl,dt,dd,li,a,p,h1,h2,h3,h4,h