Recommended Posts

при просмотре кода страницы сайта в браузере с использованием "инструментов разработчика" (горячая клавиша F12 для Windows) и просмотре его отображения для мобильных устройств, размер экрана которых меньше размера страницы сайта и ее отдельных элементов, ширина которых задана в пикселях, а не в процентах, страница без предварительной адаптации вписывается в размер экрана любого устройства. Как изменить отображение чтобы увидеть реальную картину, что нужно изменить в коде для создания адаптированного сайта??? 

Без имени.jpg

для изменения размера страницы под размер устройства при отладке необходимо в код вставить метатег "viewport"

<meta name="viewport" content="width=device-width, initial-scale=1.0">

У меня снова вопрос: получается, до этого сайт будет отображаться на устройстве нормально??? то есть без метатега "viewport" он же вмещался в размер экрана мобильных устройств в инструменте разработчика в браузере!!!

 

Разработчики браузеров позаботились даже о тех, кому трудно добавить эту строчку. <meta name="viewport" content="width=device-width> 

В этом случае экран устройства будет по умолчанию иметь CSS ширину, равную 980px. Это позволит отобразить без прокрутки (по ширине) большинство десктопных макетов сайтов.

Вот так и докопались до истины. Буду рад если кому-нибудь это поможет

 

Edited by VovkaKrut

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Grig2020
      В Опере страница с фото (вкладка "Картинки") постоянно подпрыгивает, дергается, будто сама себя настраивает. Все обновления актуальны. Что делать? Есть видео.
      Браузер: 66.0.3515.44, Используется обновленная версия Opera, Канал обновлений: Stable, Система:Windows 7 32-bit.
      V_20200129_142114.mp4
    • By Talomir
      АУДИО-БРАУЗЕР С СИНТЕЗОМ РЕПОРТАЖЕЙ
      Аудио-браузер и синтезатор репортажей Репортёр 007 позволяет просто вбить ключевые слова или поисковую фразу и начать слушать, веб-сайты как радиостанции с репортажами по запрашиваемой теме. Он сам делает поиск в интернете, озвучивает первые 100 сайтов по очереди, но вы можете перематывать воспроизведение взад и вперёд, останавливать на перерыв, перематывать в начало. Сайты в аварийном состоянии автоматически пропускаются.
      Репотёр 007 поддерживает запросы и сайты на русском и английском языках, определяя язык, что позволяет слушать сайты и на английском языке - если вам нужна практика в иностранном перед собеседованием или перед трудоустройством в компанию с требованиями к английскому языку.
      Репотёр 007 позволяет получать ответы на интересующие вопросы, например поднимут ли зарплату госслужащим в этом году, слушать новости по интересующей теме, быстро обучаться за несколько дней в основных направлениях предметной области, например - биоуправления или биоэлектрического управления, магнитной стимуляции мозга, нейростимуляции и нейромодуляции, идеологии кибер-безопасности и так далее. Он также позволяет, например, послушать рассказы или сказки для засыпания, сказки для взрослых или-же, вы можете сделать запрос сказок и оставить компьютер рассказывать сказки вашему маленькому ребёнку.
      Репотёр 007 подходит школьникам средних и старших классов для образования, студентам и аспирантам для расширения кругозора, работающим для автоматического чтения новостей и ответов на вопросы, и, также, родителям маленьких детей для автоматического нахождения сказок по словам и развлечения ребёнка - говорящий компьютер с репотёр 007 избавит вас от этой рутины.
      Программа позволяет и создавать простые аудио-репортажи по актуальным источникам. До второй версии в ней нет модуля автоматического рерайтинга материалов, но она позволяет писать звук веб-страниц и статей в файлы, что можно использовать для быстрого наполнения своего веб-сайта. Аудио-материал, полученный по интернет-статье, является своего рода рерайтом - подачей материала в другой форме, озвученной синтезатором речи.
      Для записи звука статьи в файл надо остановить программу, нажав "Стоп", кликнуть галочку "Звук" и кликнуть на правой панели сайт, статью с которого надо озвучить и которую вы перед эти проверили кликом и прослушиванием. Репотёр 007 автоматически создаст и файл со звуком на рабочем столе, продублировав произношение статьи в звуковой файл. Полученный формат WAV звукового файла можно без труда сконвертировать в MP3 онлайн! Не забудьте снять галочку "звук" перед пробой следующего материала. Включение записи автоматически создаёт новый звуковой файл на десктопе, с именем, построенным по словам запроса.
      Аудио-браузер Репотёр 007 основан на браузерном компоненте Chrome, синтезаторе речи от Microsoft, веб-поиске от DuckDuckGo и компонентах интерфейса Microsoft Visual Studio, за что автор приносит благодарности и уважение фирмам-производителям: мне осталось лишь собрать всё воедино и соединить компоненты! Программа абсолютно бесплатна для пользователей, работает под русской Windows 10.
      Качайте с сайта Технологии Боттинга 12 (гугл) или по этой ссылке

    • By Колхозник деревенский
      Читаю статью на этом сайте http://taligarsiel.com/Projects/howbrowserswork1.htm
      И возник вопрос:

      Там где заголовок с названием The browser's high level structure есть картинка.

       
      Что означают эти стрелки ?
  • Member Statistics

    46,742
    Total Members
    3,128
    Most Online
    whisperlolz
    Newest Member
    whisperlolz
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.