Сайт не изменен или изменен на мобильный

Question

Мой сайт не изменяет размер и не изменяет ориентацию на мобильных устройствах. Я постарался поставить

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" /> 

в коде, но это не помогло.

Есть ли простой способ переопределить сайт на мобильном телефоне и пригодиться на мобильном устройстве независимо от ориентации?

Я читал несколько сообщений по этой теме, но решения, похоже, не работают для меня.

Answer 1

Использование медиа-запросов с max-width.

@media(max-width:479px){ 
    //css rules for mobile here 
} 

Answer 2

Ваш сайт должен регулироваться в соответствии с ориентацией.

Смотрите здесь разные запросы СМИ вы можете поместить в:

Eg iPhone5:

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
//your css style 
} 

Использование (ориентация: пейзаж) или (ориентация: портрет) и сделать CSS редактирует соответственно.

Я не уверен, что вы разработали свой сайт с «жидкостными макетами» и «жидкостными изображениями».