Я работал на веб-сайте и использовал медиа-запросы небесные, чтобы сделать сайт отзывчивым.Хромосодержащие элементы рендеринга со смещением
Но я испытываю очень странные ошибки в Chrome, где он делает элементы в неправильных позициях (похоже, что это делает совместив несколько элементов поперек страницы справа.
Я приложу скриншот неправильного выравнивания. Поскольку вы можете видеть, что текст в верхней строке выходит за пределы строки. В середине каждый элемент, который обычно центрирован, смещается вправо. Также в нижней строке он бросает текстовые элементы, которые обычно расположены рядом друг с другом наверху
Чтобы увидеть сайт в сети https://tunepitch.com/. Странно то, что хром иногда делает неправильным, но много времени показывает правильные , Он может уйти, перетаскивая окно, но более эффективный подход - убить браузер и перезапустить его.
Кто-нибудь знает, почему у хром возникает эта проблема и что вызывает ее в моем css?
Что я пробовал:
- аудиторскую проверку в инструментах разработчика Chrome
- переменные типа Modify в инспекторе
- отключить кэш
- отключить Javascript
UPDATE
Я потратил некоторое время на отладку css. Добавлен css по очереди и по-прежнему не может найти корень проблемы. То, что я заметил со всеми несогласованными элементами, заключается в том, что ширина неправильно вычисляется браузерами webkit. Я надеюсь, что дополнительный образ может указать на это. (Особенно при наведении текст должен включить фиолетовый при наведении курсора мыши. Как вы можете видеть, что это фиолетовый только определенное количество ширины.
UPDATE 2 Чтобы было ясно с JavaScript выключенными проблема все еще происходит. Я попробовал сделать простой тестовый файл для этой проблемы, но поскольку проблема настолько противоречива, я не могу прибить ее до простого блока css.
Я использую chrome 31.0.1650.57 для Windows 8.1. Один из моих клиентов использует Windows 7 в сочетании с 31.0.1650.57.
ОБНОВЛЕНИЕ 3 У меня есть видео в прямом эфире, которое может показать странность проблемы. Вы видите первый раз, когда я открываю хром, это правильно, чем я закрываю и открываю его снова, и все смещается. Когда я затем проверить элемент все скачет в правое положение (он не делает это всегда youtube link
UPDATE 4 @SetSailMedia это право было использование SVG шрифта в Chrome. Что странно, что Я использовал этот шрифт на некоторых других веб-сайтах и никогда не видел этой проблемы. Я снова вернулся, чтобы загрузить шрифт из веб-сайтов google вместо моего собственного размещенного шрифта. Это приводит к тому, что шрифт становится уродливым, но это лучшее решение, чем несоосность элементов.
в Js участвует в меню или это просто вопрос CSS? Я не мог воспроизвести какие-либо проблемы в моей программе mac book pro chrome. – Huangism
Вопросы, связанные с проблемами с написанным кодом, должны описывать конкретную проблему - и ** включить действительный код ** для воспроизведения - ** в самом вопросе **. См. Руководство SSCCE.org. –
Итак, он отлично выглядит на моем macbook pro chrome версии 31.0.16, в каких браузерах и операционных системах вы его тестировали? и версии хром? –