Chrome для Android: как включить поддержку мобильных устройств »на веб-странице
Я создал это http://nl4.christianity24.org/ используя PHP и mysqli, с CSS 3. Я получил дружественный для мобильных устройств веб-сайт с оперой Android, но не могу сделать его дружественным для Android Chrome и Firefox. Что я должен делать?
Как использовать @media (); Какой лучший формат CSS 3 для мобильной точки зрения?
Решение
Чтобы обеспечить правильный рендеринг и масштабирование касанием для всех устройств, попробуйте добавить этот метатег в <head> вашего документа.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Затем вы можете настроить свой сайт, используя различные медиа-запросы, как это.
// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) {
body {
background-color: red;
}
}
// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {
body {
background-color: yellow;
}
}
// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {
body {
background-color: blue;
}
}
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
body {
background-color: violet;
}
}
Надеюсь, это поможет.
Другие решения
Других решений пока нет …