IPS Invision Community: Clase CSS responsive

[HKS 27D]

Conform invisioncommunity.com, mărimile pentru responsive pe IPS4 (Invision Power Board) sunt următoarele:

• Phones - up to 767 pixels wide
• Tablets - between 768 pixels and 979 pixels wide
• Desktops - 980 pixels and wider

 

Clasele CSS pentru show și hide pentru IPS Community:

• ipsResponsive_hidePhone
• ipsResponsive_hideTablet
• ipsResponsive_hideDesktop
• ipsResponsive_showPhone
• ipsResponsive_showTablet
• ipsResponsive_showDesktop

 

Exemplu:

<div class='ipsResponsive_hidePhone ipsResponsive_hideTablet'>
  FAIRSIDE: Acest element *NU* va fi afișat pe telefoane sau tablete, dar va fi afișat pe Desktop.
</div>

 

Când sunt utilizate Clasele CSS de tip show de mai sus, ar trebui să introduceți o nouă clasă care controlează modul în care este afișat elementul:

• ipsResponsive_block
• ipsResponsive_inlineBlock
• ipsResponsive_inline

 

Exemplu:

<div class='ipsResponsive_showDesktop ipsResponsive_block'>
  Acest element va fi afișat doar pe Desktop. Conținutul este redat într-un div de tip block-level.
</div>