Как заставить пользовательский поиск Google быть отзывчивым?

Мы используем пользовательскую поисковую систему Google на одном из наших веб-сайтов, и один из элементов внутри iframe - это .gs-webResult {width: 42em;}

Это в основном контейнер div над каждой строкой результата. Я не могу изменить CSS непосредственно с моего сайта, так как он находится в iframe.

Это единственный подобный вопрос, который я смог найти: https://drupal.org/node/1420294

Ответ был:

" вы должны настроить это на сайте Google AdSense, в вашем поисковая реклама. Одним из последних параметров является ширина рамки результатов поиска..

Изменить содержимое этого фрейма невозможно."

Последняя строка, где "изменить содержимое этого фрейма невозможно", кажется мне совершенно неправдоподобной.

Итак, мой вопрос в том, как бы я изменил его на .gs-webResult {width:100%;} или есть опция, которая позволяет мне сделать поисковую систему отзывчивой?

Спасибо

3 5
css search-engine google-search

3 ответа:

Можно настроить пользовательский поиск в Adsense, а затем открыть Панель управления пользовательским поиском по адресу https://www.google.com/cse/all .

Выберите поисковую систему, которую вы хотите отредактировать, а затем в меню слева нажмите "Look and feel", где есть различные варианты, включая отзывчивый. Выберите, что вы хотите, а затем "сохранить и получить код"

6

Вы можете изменить класс, используемый в коде с помощью этого фрагмента кода, сделает пользовательский поиск отзывчивым. 

@media (max-width: 740px) { /* max-width can change according to your usage*/
  .anyclass {
    /* css properties here;*/
   }
}

@media (min-width: 739px) {
  .anyclass {
    /* css properties here; */
   }
}
Таким образом, поиск будет выглядеть отзывчивым, и вы достигнете того, что хотели.
3

Я смог заставить iframe работать отзывчиво на моем сайте, стилизуя iframe напрямую: 

#google-cse-results iframe {
    height:1860px; width:100%;
}
2