Сделать только мобильный сайт

Question

Я менее смущен, чтобы сделать сайт только для мобильных телефонов и планшета, а не для рабочего стола. Мне нужно знать только одно.

1. Следует ли использовать <meta name="viewport" content="width=device-width, initial-scale=1"> и определить @media only screen для определенного устройства?

Answer 1

Да, но ваш сайт будет по-прежнему с другой подъезд devices.I может объяснить это для вас:

Использование тега:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Он будет регулировать ширину веб-страницы, чтобы соответствовать ширине устройства и установите начальную шкалу на 1 (без масштабирования). Так, например, если вы откроете эту страницу с помощью iPad, веб-просмотр отобразит страницу в 1024x768 (пейзаж) или 768x1024 (портрет).

initial-scale=1 

Это заставит отображать веб-страницы с набором масштабирования 1.

Использование медиа запросов CSS3 вы можете установить различные стили CSS для различных устройств:

Стили для таблеток

@media screen and (min-width: 768px) and (max-width: 1024px) { 

    /* Styles for tablets */ 
} 

Стили для настольных компьютеров

@media screen and (min-width: 1025px) and (max-width: 1280px) { 

    /* Styles for Desktops */ 
}