Responsive Design with free floating breaks

To enable zooming for the group element below sizes of 300 pixel just add (width:300, zoom) to its tag.

To enable scrolling for the group element below sizes of 800 pixel just add (width:800, scroll) to its tag.

To replace the group element with another object below sizes of 200 pixel just add (width:200, „<objID>“) to its tag.

Example:

<div … responsive={(width:300, zoom), (width:800, scroll), (width:200, „<objID>“), …}>

You can do this with all kind of group tags like:

  • <span>
  • <p>
  • <img>
  • <table>
  • <tr>
  • <td>

 

Kommentar verfassen