главная    •    Новости    •    софт    •    RSS-ленты    •    реклама    •    PDA-Версия    •    Контакты
Windows XP     •    Windows 7    •    Windows 8    •    Windows 10   •    Windows Server     •    Железо
Полезные советы      •     Администрирование      •     Сеть      •     Безопасность      •     статьи
Реклама на сайте
Книга жалоб и предложений
Правила на сайте
О Winblog.ru и о копирайте
Написать в редакцию
Конфиденциальность

                       
  • Обновление Windows 10 Fall Creators Update уже доступно
  • Магазин Windows переименовали
  • Управление автозагрузкой перенесут в «Параметры»
  • Синий экран после обновления Windows 10 устранили
  • Октябрьское обновление Windows 10 вызывает синий экран
  • Timeline войдет в состав Redstone 4
  • Многие, наверное, не раз замечали, что на разных браузерах по-разному отображается содержимое сайта. Банально, возьмем, к примеру, счетчики Liveinternet. На браузере GC он может находиться в нижнем правом углу, после текста о правах, обязанностях и т.д. А если откроем в Яндекс.Вебмастер или Firefox, он может попросту перекочевать в левый нижний угол под начало текста. И это лишь легкий пример. В худшем случае какой-либо виджет может уползти за страницу или сильно сжаться.

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

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

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

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

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


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

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


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

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


    Оцените статью:
    Голосов 0

    Материалы по теме:
  • Яндекс и Гугл – где проще продвинуть сайт
  • Зачем нужен Seo анализ сайта
  • Почему важна SEO-оптимизация ресурса
  • Почему нельзя использовать кликерство для раскрутки сайта
  • Создание шаблона сайта тремя способами


    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

    Для отправки комментария, обязательно ответьте на вопрос

    Вопрос:
    Сколько будет один минус один?
    Ответ:*




    ВЕРСИЯ ДЛЯ PDA      СДЕЛАТЬ СТАРТОВОЙ    НАПИШИТЕ НАМ    РЕКЛАМА

    Copyright © 2006-2017 Winblog.ru All rights reserved.
    Права на статьи принадлежат их авторам. Копирование и использование материалов разрешается только в случае указания явной гиперссылки на веб-сайт winblog.ru, как на источник получения информации.
    Сайт для посетителей возрастом 18+