[WordPress] 外掛分享: Scale to Fit

首頁外掛目錄 › Scale to Fit
10+
安裝啟用
尚無評分
3438 天前
最後更新
問題解決
WordPress 4.6+ v0.1 上架:2016-10-14

內容簡介

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

外掛標籤

開發者團隊

⬇ 下載最新版 (v0.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Scale to Fit」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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

延伸相關外掛

文章
Filter
Apply Filters
Mastodon