1

эксперты!

Имеется следующий код для оптимизации адаптивной верстки:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript">
  $(document).ready(function(){
    $(window).bind("resize", resizeWindow);
    function resizeWindow(e){
      var newWindowWidth = $(window).width();

      // Если ширина меньше 600 px, используется таблица стилей для мобильного
      if(newWindowWidth < 600){
        $("link[rel=stylesheet]").attr({href : "mobile.css"});
      } else if(newWindowWidth > 600){
        // Если ширина больше 600 px, используется таблица стилей для десктопа
        $("link[rel=stylesheet]").attr({href : "style.css"});
      }
    }
  });
</script>

Необходимо сделать 2 версии сайта - под настольный ПК и для мобильного устройства. В коде расчет на то, что устройство с шириной экрана менее 600px - мобильное. Однако не все моб устройства попадают в это уточнение.

Какие разрешения экранов используются в современных реалиях и как предпочтительнее использовать этот код для смены между декстоп/мобильной версией?

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.