跳转到主要内容
你行网

Main navigation

  • 首页
  • 文章
  • 教程
  • 视频
  • 下载
  • 社区
  • 网站导航
User account menu
  • 登录

面包屑

  1. 首页

6.14 概念:响应式图像样式

由 hrs, 9 七月, 2019

必备知识

  • 第1.3节“概念:主题”
  • 第6.11节“更改内容显示”
  • 第6.12节“概念:图像样式”

什么是响应式图像样式?

核心响应图像模块提供响应式图像样式。这使您可以在网站中拥有专门针对不同屏幕尺寸的图像。例如,这可以使您的网站在移动设备上加载更快,因为图像大小针对较小的屏幕进行了优化。

响应式图像样式是图像样式和断点之间的映射。断点是响应式设计需要更改以响应不同屏幕大小的点。响应式图像样式可以使用主题中定义的断点,也可以使用响应式图像样式设置中定义的断点。

定义响应图像样式时,可以在图像字段的显示设置中使用它。这允许站点使用HTML5 图片标记显示响应图像,或者使用img 标记中的srcset和sizes属性,具体取决于响应图像样式的设置方式。

相关话题

第6.3节“向内容类型添加基本字段”

其他资源

  • Drupal.org社区文档页面“响应式网页设计”
  • Drupal.org社区文档页面“Drupal 8中的响应式图像”
  • Drupal.org社区文档页面“在Drupal 8中使用断点”
  • 博客文章“使用srcset在Drupal 8中响应图像”

归因

由Boris Doesborg改编自 Drupal 8中的响应图像,版权2000-2017由Drupal社区文档的个人贡献者 改编。

评论

  • 登录或注册以发表评论

书籍遍历链接: 6.14 概念:响应式图像样式

  • 6.13 设置图像样式
  • 向上
  • 6.15 概念:文本格式和编辑器

教程节点

  • 前言
  • 第1章了解Drupal
  • 第2章规划您的站点
  • 第3章安装
  • 第4章基本站点配置
  • 第5章 基本页面管理
  • 第6章设置内容结构
    • 6.1 添加内容类型
    • 6.2 删除内容类型
    • 6.3 将基本字段添加到内容类型
    • 6.4 概念:参考字段
    • 6.5 概念:分类学
    • 6.6 设置分类
    • 6.7 添加参考字段
    • 6.8 概念:表单和小部
    • 6.9 更改内容输入表单
    • 6.10 概念:查看模式和格式化程序
    • 6.11 更改内容显示
    • 6.12 概念:图像样式
    • 6.13 设置图像样式
    • 6.14 概念:响应式图像样式
    • 6.15 概念:文本格式和编辑器
    • 6.16 配置文本格式和编辑器
  • 第7章管理用户帐户
  • 第8章 块
  • 第9章使用视图创建列表
  • 第10章让您的网站使用多种语言
  • 第11章扩展和自定义您的站点
  • 第12章预防和解决问题
  • 第13章安全和维护
  • 第14章最后的想法
  • 词汇表
  • 指数
RSS源
本站由阿里云强力驱动,幸运券优惠链接
Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号