Как выдавать мобильную версию по ширине экрана.

Здравствуйте, возникла проблема c MobileDetect, на макбуке сайт открывает мобильную версию, как сделать так что-бы при ширине экрана 800 пикселов давать мобильную версию. Можно ли написать кусок кода который бы выдавал мобильную при 800 пикселах и ниже. И куда этот код нужно вставить тоже поскажите пожалуйста
dagtecinc
dagtecinc
11 апреля 2017, 07:40
modx.pro
1 532

Комментарии: 5

guitar_plus
guitar_plus
11 апреля 2017, 12:17
Если вы о CSS
@media screen and (max-width:800px){...}

Если вы о javascript
<script type='text/javascript'>
if(window.innerWidth<800)
	location.href='url мобильная версия сайта';
</script>
    dagtecinc
    dagtecinc
    12 апреля 2017, 13:39
    Нет, речь о MobileDetect
      Алексей Смирнов
      Алексей Смирнов
      12 апреля 2017, 22:18
      MD определает устройство а не разрешение. Посему вам нужно скорее скомбинировать несколько подходов чтобы получить желаемое. т.к. разрешение, на сколько я помню PHPшными вещами не определить за 1 запрос.
      Как написал guitar_plus — через CSS и JS скорее всего и решится вопрос.
    Stan Ezersky
    Stan Ezersky
    13 апреля 2017, 12:46
    На MobileDetect надейся, а сам не плошай:

    /* 
** Custom, iPhone Retina 
*/
@media only screen and (min-width: 320px) {

}

/* 
** Extra Small Devices, Phones 
*/
@media only screen and (min-width : 480px) {

}

/* 
** Small Devices, Tablets 
*/
@media only screen and (min-width: 768px) {

}

/* 
** Medium Devices, Desktops 
*/
@media only screen and (min-width: 992px) {

}

/* 
** Large Devices, Wide Screens 
*/
@media only screen and (min-width: 1200px) {

}
      dagtecinc
      dagtecinc
      15 апреля 2017, 11:38
      Да) я уже так и сделал) поправил просто мобильную версию и теперь она даже если попадется макодрочеру то будет выглядеть достойно))
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      5