JavaScript-Code, der die aktuelle Fitness im entsprechenden Layout ermittelt

Dieses Mal bringe ich Ihnen den JavaScript-Code zur Beurteilung der aktuellen Anpassungsfähigkeit im entsprechenden Layout. Was sind die Vorsichtsmaßnahmen zur Beurteilung der aktuellen Anpassungsfähigkeit im entsprechenden Layout? Dies ist ein praktischer Fall, werfen wir einen Blick darauf.

Derzeit verwenden viele Designs ein responsives Layout, um die Anzeige von Websites oder Anwendungen auf verschiedenen Geräten anzupassen. Sie müssen häufig feststellen, auf welcher Bildschirmanpassungsstufe Sie sich in Ihrem Code gerade befinden.

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;
}

Verwendung:

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website andere verwandte Artikel!

Empfohlene Lektüre:

JavaScript-Code, um die Anzahl der Textwörter zu begrenzen

JavaScript-Code, um Elemente einzeln auszublenden

Ermitteln Sie die maximale Breite oder Höhe eines Satzes von Elementen im JavaScript-Code

Das obige ist der detaillierte Inhalt vonJavaScript-Code, der die aktuelle Fitness im entsprechenden Layout ermittelt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!