內容簡介
WordPress Scale-To-Fit 外掛可讓開發人員強制某些元素符合其容器大小。當開發人員需要讓某些不適應響應式設計的元件(例如 iframes)隨頁面的其餘部分縮放時,這非常有用。
主要功能:
允許開發人員強制元素符合其容器大小
配置
將 CSS class “scale-to-fit” 加入您想要初始化縮放的元素。
您可以使用以下 data-attributes 來控制縮放:
data-element-method:尋找被縮放元素的方法。允許的值包括:
self - 元素本身(預設)
parent - 參考元素
closest - 參考元素的最近祖先,其中最接近且匹配 data-element 屬性選擇器
find - 參考元素的最近後代,其中最接近且匹配 data-element 屬性選擇器
data-element:closest 和 find 方法的 CSS Selector
data-container-method:尋找容器元素的方法。允許的值包括:
self - 參考元素
parent - 參考元素的父元素(預設)
closest - 參考元素的最近祖先,其中最接近且匹配 data-element 屬性選擇器
- find - 參考元素的渲染後代,其中最接近且匹配 data-element 屬性選擇器
data-container:closest 和 find 方法的 CSS Selector
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
wordpress-scale-to-fit plugin allows developers to force some elements to fit inside other. This can be useful when developers need to make
some non-responsive components (e.g. iframes) to scale with the rest of the page.
Key Features:
Allows developers to force elements to fit inside others
Configuration
Add css class “scale-to-fit” to element you wish to initialize scale-to-fit.
You can use following data -attributes to control scaling:
data-element-method: Method to find scaled element. Allowed values:
self – element it self (default)
parent – reference element
closest – closest ancestor of reference element matching data-element -attribute selector
find – closest descendant of reference element matching data-element -attribute selector
data-element: CSS Selector for closest and find methods
data-container-method: Method to find container element. Allowed values:
self – reference element
parent – parent of reference element (default)
closest – closest ancestor of reference element matching data-element -attribute selector
_ find – closest descendant of reference element matching data-element -attribute selector
data-container: CSS Selector for closest and find methods
