Почему эта форма HTML иногда отображается иначе, просто перезагрузив страницу в браузере? - PullRequest
Новая
       6

Почему эта форма HTML иногда отображается иначе, просто перезагрузив страницу в браузере?

0 голосов
/ 12 февраля 2020

Следующий действительный HTML5 документ визуализируется случайным образом (размеры шрифта и коробки изменяются непредсказуемым образом), просто перезагружая его в браузере (убедитесь, что вы выполняете shift-reloads, чтобы кэш браузера перезагружался). Я не вижу причин, почему это должно происходить. Что происходит? 

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Some title</title>
</head>

<body>

<h1>Some heading</h1>

<form id="myformid" action="myformaction.php" method="post">
    <label>label1: </label><input type="text" name="name1" required><br>
    <label>label2: </label><input type="text" name="name2"><br>
    <label>label3: </label><input type="text" name="name3"><br>
    <input type="submit" value="Submit">
</form>

<p>This is a test</p>

</body>

</html>

Ответы [ 3 ]

4 голосов
/ 21 февраля 2020

Это что-то конкретное c для вашей текущей настройки, и без дополнительной информации действительно трудно точно сказать, почему это происходит ...

Тем не менее, есть несколько очевидных причин, почему это происходит. могло случиться.

  1. Расширения. Возможно, у вас есть расширение или плагин, который изменяет визуализацию страницы. Например, Greasemonkey настраивает способ отображения или поведения веб-страницы, используя маленькие биты JavaScript.

Чтобы убедиться, что это так, запустите Firefox в безопасном режиме. Безопасный режим временно отключает все расширения, использует тему по умолчанию и отключает аппаратное ускорение. Сделать это; Нажмите кнопку меню, нажмите «Справка» и выберите «Перезапустить с отключенными надстройками…». Firefox запустится с диалоговым окном Firefox Безопасный режим. Если это исправит, то обратите внимание, что это может быть расширение или аппаратное ускорение - чтобы изолировать, попробуйте шаг 3 ниже.

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

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

Аппаратное ускорение. С некоторыми графическими процессорами и драйверами Firefox может иметь проблемы с отображением текста или объектов на страницах.

Чтобы выяснить, так ли это, вы можете попробовать отключить аппаратное ускорение, чтобы проверить, устраняет ли оно проблему. Нажмите кнопку меню и выберите «Настройки». Выберите панель «Общие». В разделе «Производительность» снимите флажок «Использовать рекомендуемые параметры производительности». Дополнительные настройки будут отображаться. Снимите флажок «Использовать аппаратное ускорение, когда оно доступно».

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

1 голос
/ 22 февраля 2020

Не зная настройки окружения, как показано ниже, мы не сможем помочь многим.

  • Какая ОС => windows / linux / other с указанием c версия
  • Какой браузер => IE / Chrome / Firefox с указанием c версия
  • Любое расширение в браузере / P C, которое делает это поведение
  • , и есть еще много моментов.

Я просто сохранил ваш html и запустил IE и Chrome, не замечая разницы при каждой перезагрузке fre sh.

Так что больше информации требуется, чтобы понять проблему.

1 голос
/ 22 февраля 2020

документ визуализируется случайным образом (размеры шрифтов и ящиков изменяются непредсказуемым образом), просто перезагружая его в браузере

За исключением случаев, когда расширения в вашем браузере связываются с вами, единственное другое я вспоминаю, как вы упомянули, что очистка кэша заключается в том, что файл scripts / css не загружается или загружается только частично при одной из перезагрузок. Это может заставить HTML выглядеть иначе. Но я не вижу каких-либо пользовательских css, даже используемых, так что я весьма сомневаюсь.

Редактировать:

Это связано с этой ошибкой? https://bugs.chromium.org/p/chromium/issues/detail?id=319623

Edit2:

Вы случайно не установили размер шрифта в rem для тега body и используете chrome? Это единственная похожая проблема, которую мне удалось найти, и она касается этой специфической вещи c, которая, по-видимому, является известной ошибкой Chrome.

Chrome, не учитывающей размер шрифта rem. на теле тега?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...