2015-04-16 2 views
-2

Мой логотип действует в Safari и на моем iPad/Safari.CSS - Логотип действует с Chrome/Safari

Проблема заключается в том, что высота равна высоте, и она зажимается на Safari/iPad.

Я действительно не знаю, как отслеживать проблемы с Safari, и будет любить прямой ответ или какое-то руководство.

В основном я использую Chrome, и если у вас есть какие-либо советы по устранению проблем с Safari, он был бы очень признателен.

Спасибо большое! =)

+2

Привет и добро пожаловать в SO. Вам нужно вставить код для воспроизведения вашей проблемы в самом вопросе. Вы также должны взглянуть на это: [MCVE] (http://stackoverflow.com/help/mcve). Заставляя людей перейти в автономный ресурс, чтобы понять ваш вопрос, не является хорошей практикой +, когда ваш сайт выходит в автономный режим или изменен, этот вопрос станет бесполезным. –

+0

Пожалуйста, не отправляйте конфиденциальные учетные данные на общедоступные форумы. – rnevius

+0

Положите больше ума на редактирование rvenius. Это были не чувствительные учетные данные. –

ответ

0

Это довольно легко инвестировать в проблему с помощью Element Inspector из Safari.

При нажатии на логотип вы увидите как HTML, так и CSS. При отключении несколько CSS свойств, что является регулярной причиной ненадежности, я обнаружил, что отключение следующий стиль исправляет проблему:

Правило № 296 из layout.css

#Top_bar #logo img { vertical-align: middle; /* max-height: 100%; */ } 

Макс высота была ваша нарушитель спокойствия.

Кроме того, небольшой личный вкус: избегайте изменения размера изображений в браузере. Это будет неэффективно и качественно.

Логотип хорошо выглядит, но он становится размытым при изменении размера.

+0

Отличное понимание! Спасибо, Ларс, ты классный! : D –

+0

Anytime Frikk ^^ Кроме того, не забудьте отметить это как ответ, если это решение вашей проблемы ^^ – larssy1

Смежные вопросы