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

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

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

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

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