核心响应图像模块提供响应式图像样式。这使您可以在网站中拥有专门针对不同屏幕尺寸的图像。例如,这可以使您的网站在移动设备上加载更快,因为图像大小针对较小的屏幕进行了优化。
响应式图像样式是图像样式和断点之间的映射。断点是响应式设计需要更改以响应不同屏幕大小的点。响应式图像样式可以使用主题中定义的断点,也可以使用响应式图像样式设置中定义的断点。
定义响应图像样式时,可以在图像字段的显示设置中使用它。这允许站点使用HTML5 图片标记显示响应图像,或者使用img 标记中的srcset和sizes属性,具体取决于响应图像样式的设置方式。
评论