У меня есть сайт в codeigniter. Я сделал веб-страницу, используя только html и css для экрана ноутбука. но я хочу для всех мобильных устройств. поэтому у меня есть медиа-запросы для мобильных устройств. Например, восстановление моего мобильного устройства 393 * 786. так что то, что я пробовал
/* media query*/
/* Media Query for Mobile Devices */
@media (max-width: 480px) {
html, body {
max-width: 100%;
overflow-x: hidden;
}
.heading-second
{
display: none;
overflow-x: hidden;
overflow-y: scroll;
}
.........
это мои верхние строки ниже <head>
<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no">
какая у меня ошибка
Веб-страница выглядит искаженной для 363 * 778 Небольшая разница. Я должен сделать для каждого устройства ? Думаю, это невозможно? тогда как я могу писать для каждого устройства.