Почему правила CSS на десктопе применяются к мобильной версии сайта?

Question

[znokia]

Это правило работает для десктопной версии сайта. Как можно заставить мобильную версию сайта игнорировать его?

#___gcse_0 input[type="text"] {
    padding: 7px !important;
}

Comments

[Кирилл Никитин]

А media не подходит?

[Andrewvo]

Media запросы

Answer 1

[Кирилл Никитин]

1. Проверить, что в head есть мета-тег viewport.

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

2. Добавить media к CSS (сами решите нужное вам минимальное значение ширины экрана в пикселях).

@media only screen and (min-width: 480px) {
  #___gcse_0 input[type="text"] {
      padding: 7px !important;
  }
 }