Главная - Статьи - Почему верстка отличается в разных браузерах
Дата: 18 июня 2020

Почему верстка отличается в разных браузерах

Многие, наверное, не раз замечали, что на разных браузерах по-разному отображается содержимое сайта. Банально, возьмем, к примеру, счетчики Liveinternet. На браузере GC он может находиться в нижнем правом углу, после текста о правах, обязанностях и т.д. А если откроем в Яндекс.Вебмастер или Firefox, он может попросту перекочевать в левый нижний угол под начало текста. И это лишь легкий пример. В худшем случае какой-либо виджет может уползти за страницу или сильно сжаться.


Для компаний, которые занимаются сайтостроением, например, masterflash.ru, это вообще не проблема. Специалисты уже не один шаблон «вылизали» под любой из существующих браузеров. Но, неопытные вебмастера не понимают, почему это происходит. Мы постараемся объяснить.

Кроссплатформенность

Существует понятие кроссплатформенности. В профессиональных кругах ее еще называют кроссбраузерность. Это способность шаблона сайта, адаптироваться к различным браузерам. Именно эта кросплатформенность является основной составляющей при создании адаптивного шаблона сайта, который работает в границах экрана, как на компьютере, так и на телефоне.

Уже ушли те былые времена, когда люди не пользовались смартфонами, а все компьютеры работали на базовом разрешении 1024х768 пикселей. Раньше, дизайнер просто создавал шаблон в Photoshop, а потом переносил его в HTML и CSS. Теперь же сложно предугадать, какое разрешение устройства будет у посетителя. Для этого и создаются специальные адаптивные шаблоны, которые при увеличении разрешения растягиваются, при снижении – сужаются.

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

Современные браузеры (тот же GC, Opera и др.), полностью совместимы с HTML5 и CSS3. Но, как показывает практика, один и тот же код, несмотря на адаптивность дизайна, все же может слегка отличаться в разных обозревателях.


Особенно, проблемы с отображением содержания сайта появляются на устаревших браузерах. Одним из самых старых и известных обозревателей, является Internet Explorer. Большинство пользователей замечали его постоянные «капризы» связанные с отображением содержания ресурса.

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

Оставить комментарий

Adblock
detector