некоторые правила CSS, не подходящие для iPad-ландшафта

Question

Я сделал отзывчивый веб-сайт, используя загрузочные и мультимедийные запросы, чтобы изменить CSS для различных размеров экрана.

У меня есть раздел, который отображается неправильно на iPad, когда пейзаж, но он отлично работает, когда я тестирую его в браузере при той же ширине видового экрана.

У меня есть смещение col-md-8 на 2 и внутри него есть 3 col-sm-4 divs с изображением в каждом наборе до 100% ширины родительского контейнера (на который я нарисовал пример в связанное изображение). http://pasteboard.co/8J885OF.png Это то, как он отображается в браузере как с одного окна просмотра, так и с ландшафтного iPad и для большей ширины и как это должно быть. Он также изменяет размер для более узкой ширины (крах столбцов и т. Д.) В браузере и на мобильном устройстве.

Но на iPad-ландшафте расположение и ширина div/изображений полностью перепутаны (и становятся больше, чем область просмотра), и я не могу понять, почему. Вот как это выглядит. http://pasteboard.co/8Jt4NZo.png

Другие случайные биты CSS также игнорируются в этом режиме по какой-либо причине, в то время как другие стили в порядке. Например, стиль для некоторых ссылок игнорируется (обычно белый текст и розовый фон с эффектами зависания CSS3, но вместо этого становится простым синим подчеркнутым текстом, как будто на него вообще не применяется CSS).

Есть ли у кого-нибудь идеи, почему это происходит?

EDIT:

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

Answer 1

Извините, я только что нашел в файле CSS изгоев #, и удаление этого исправлено. Я думал, что тщательно искал, чтобы убедиться, что это не проблема с опечатками, но я, должно быть, пропустил это. Странно, что он испортил CSS только для ipad и только в ландшафтном режиме, а не для браузера.

Спасибо всем, надеюсь, что я никого не тратил впустую.