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