Code JavaScript qui détermine la condition physique actuelle dans la mise en page correspondante

Cette fois, je vais vous apporter le code JavaScript pour juger de l'adaptabilité actuelle dans la mise en page correspondante. Quelles sont les précautions pour juger de l'adaptabilité actuelle dans la mise en page correspondante, comme suit. C'est un cas pratique, jetons-y un coup d'œil.

Actuellement, de nombreux designs ont adopté une mise en page adaptative pour adapter l'affichage des sites Web ou des applications sur différents appareils. Vous devez souvent déterminer dans quel niveau d'adaptation d'écran vous vous trouvez actuellement dans votre code.

function isBreakPoint(bp) {  // The breakpoints that you set in your css
  var bps = [320, 480, 768, 1024];  var w = $(window).width();  var min, max;  for (var i = 0, l = bps.length; i < l; i++) {    if (bps[i] === bp) {
      min = bps[i-1] || 0;
      max = bps[i];      break;
    }
  }  return w > min && w <= max;
}

Comment utiliser :

if ( isBreakPoint(320) ) {  // breakpoint at 320 or less}if ( isBreakPoint(480) ) {  // breakpoint between 320 and 480}
…

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php. autres articles connexes !

Lecture recommandée :

Code JavaScript pour limiter le nombre de mots du texte

Code JavaScript pour masquer les éléments un par un

Obtenir la largeur ou la hauteur maximale d'un ensemble d'éléments code JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!