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

enter image description here

0
locationunknown 17 Ноя 2016 в 16:49

1 ответ

Способ отображения HTML-элементов по умолчанию зависит от каждого браузера, а не от устройства (Safari для iOS отличается от Safari для OSX).

Если вы не знали, в каждом браузере есть собственная таблица стилей "агента пользователя" по умолчанию, которую он использует, чтобы веб-сайты без стилей выглядели более разборчивыми. Например, большинство браузеров по умолчанию делают ссылки синими, а посещенные ссылки - фиолетовым, дают таблицам определенное количество границ и отступов, применяют переменные размеры шрифта к H1, H2, H3 и т. Д. И определенное количество отступов почти ко всему. Вы когда-нибудь задумывались, почему кнопки отправки выглядят по-разному в разных браузерах?

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

Источник: http://cssreset.com/what-is-a-css-reset /

Обычно используется сброс CSS для:

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

Имеется в виду браузеры. Посмотрите, например, эту статью.

Что касается ОС, у каждой есть разные способы стилизации элементов пользовательского интерфейса.


Изменить :

Если вопрос также:

Почему ввод на сенсорных устройствах обычно имеет только нижнюю границу (строка ) ?

Я бы сказал, что это вопрос стиля. Но так же, как предположения, поля ввода и текстовые области на рабочем столе должны иметь все границы, чтобы их можно было отличить от других элементов. Настольные устройства обычно имеют экраны большего размера и на них отображается больше информации, тогда как сенсорные устройства обычно имеют меньшие экраны (поэтому для ввода может потребоваться как минимум нижняя граница). И спустя годы это могло бы стать парадигмой.

1
Alvaro 17 Ноя 2016 в 17:04
Почему элементы выглядят по-разному в разных браузерах, я понимаю. Но мне интересно, почему IOS так сильно изменила веб-элементы. Вот как я вижу - во-первых, как вы сказали, это из-за формата. Вторая строка перед вами или ВВОД зависит от контекста — вы находитесь в режиме «редактирования» или режима «просмотра»
 – 
Pavel Laptev
18 Ноя 2016 в 13:01
Может быть, вы можете отредактировать вопрос и быть более конкретным, чтобы другие тоже могли помочь.
 – 
Alvaro
18 Ноя 2016 в 13:03