css Экспортмедиа-запросоввJavaScript$ b $bЧто-топочтипохожееиспользуетсявFdn

Posted 2021-05-13

var breakpoint = {};
breakpoint.refreshValue = function () {
    this.value = window.getComputedStyle(
      document.querySelector('body'), ':before'
    ).getPropertyValue('content').replace(/\"/g, ''); 
    // псевдо по Уэльшу
    // Firefox and IE return the value with double quotes, 
    // while other browsers do not. To get consistent values I'm using replace() with regex to strip those out. 
  };
$(window).resize(function () {
  breakpoint.refreshValue();
  $('.breakpoint').html(breakpoint.value);
}).resize();

body:before {
  content: "smartphone";
  display: none; /* Prevent from displaying. */
}
@media (min-width: 550px) {
  body:before {
    content: "smartphone_wide";
  }
}
@media (min-width: 650px) {
  body:before {
    content: "tablet_narrow";
  }
}
@media (min-width: 900px) {
  body:before {
    content: "tablet_wide";
  }
}
@media (min-width: 1100px) {
  body:before {
    content: "desktop";
  }
}
@media (min-width: 1500px) {
  body:before {
    content: "wide";
  }
}
@media (min-width: 2000px) {
  body:before {
    content: "OMG_THATS_SO_HUGE";
  }
}