CSS: размер кнопок в Chrome отличается от Firefox
x получает приращение. Но вы назначаете старое значение x обратно в себя.
x = x++;
x++ увеличивает x и возвращает свое старое значение. x = присваивает старое значение самому себе.
Итак, в конце x возвращается к его исходному значению.
3 ответа
Даже если вы, как разработчик, тестируете разные браузеры и видите разницу в кнопках, пользователь этого не увидит. Слишком легко сосредоточиться на вещах, которые пользователи не заметят: у пользователя скорее всего либо Firefox, либо IE, либо Chrome, но не все из них. Пользователи редко когда-либо переключают браузер с течением времени, не говоря уже о переключении между ними, и жалуются на разницу в несколько пикселей.
Так что, если вы рассматриваете кнопки и возможности только в одном браузере за раз, и если он хорошо работает в этом интерфейсе / браузере, то не тратьте больше времени. Вместо этого переходите к следующим шагам.
Это не ответ «почему», но кто-то другой объяснил это.
элементы формы отображаются по-разному (по умолчанию) в зависимости от ОС и/или браузера. если вы хотите, чтобы элементы формы (поля ввода, кнопки отправки и т.д.) выглядели одинаково во всех случаях, вы должны явно стилизовать их с помощью границ, отступов и полей.
Никто не упоминает о том, что Chrome сбрасывает CSS для этих элементов:
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button
Поэтому, независимо от того, что вы установите для padding, насколько я могу судить, это будет отменено Chrome. Я пробовал использовать !important, а также другие методы, но все еще не достиг успеха. Если у кого-нибудь есть какие-либо соображения на этот счет, я был бы рад узнать.