twig-img-macro:树枝的响应图像宏的craftcms

时间:2024-06-06 11:20:57
【文件属性】:

文件名称:twig-img-macro:树枝的响应图像宏的craftcms

文件大小:8KB

文件格式:ZIP

更新时间:2024-06-06 11:20:57

HTML

本文将讨论响应式图像标记和树枝宏,以自动生成该标记。 我希望您可以从本文中获得三点好处: 快速响应式图像概述(以及指向更多资源的链接)。 一个有用的树枝宏,用于生成响应图像标记。 有关在树枝中编程的令人讨厌的细节,当您编写自己的树枝宏时很有用。 响应式图像 以下是一些出色的文章,其中包含有关响应式图像的信息。 如果您对响应式图像一无所知,请至少阅读其中之一,然后返回: , CSS技巧 Smashing Magazine指南 ,埃里克·波蒂斯( Eric Portis) ,另外列出 , Picturefill 有许多响应式图像用例。 本文将重点讨论两个,它们两个都使用img标签(而不是picture标签)。 定宽图像 第一个用例是固定宽度的图像(因此实际上没有响应...),可以适应不同的设备像素比率。 假设您有一个始终显示200像素宽的缩略图,并且具有1x(thumb.jp


【文件预览】:
twig-img-macro-master
----LICENSE(1KB)
----README.md(16KB)
----_img.twig(3KB)

网友评论