Report

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

для изменения размера страницы под размер устройства при отладке необходимо в код вставить метатег "viewport"
<meta name="viewport" content="width=device-width, initial-scale=1.0">
У меня снова вопрос: получается, до этого сайт будет отображаться на устройстве нормально??? то есть без метатега "viewport" он же вмещался в размер экрана мобильных устройств в инструменте разработчика в браузере!!!
 
Разработчики браузеров позаботились даже о тех, кому трудно добавить эту строчку. <meta name="viewport" content="width=device-width> 
В этом случае экран устройства будет по умолчанию иметь CSS ширину, равную 980px. Это позволит отобразить без прокрутки (по ширине) большинство десктопных макетов сайтов.
Вот так и докопались до истины. Буду рад если кому-нибудь это поможет
 

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

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

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

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

Здравствуйте уважаемые форумчане. Проблема заключается в не переносе текста на след строку в браузере хром. в остальных переносится нормально. Что нужно добавить в свойства <h1>, чтобы все отображалось корректно?
http://auto-rentgarant.com.ua/ru/catalog  //  пациент, 
.products ul li .info {    position: absolute;    left: 300px;    top:0px;    font-size: 12px;}.products ul li .info h1 {                    //кусок подозреваемого кода    margin: 13px 0 5px 0;    padding: 0;    font-size: 14px;}.products ul li .info h1 a {    color: #000;    text-decoration: none;}.products ul li .info h1 a:hover {    text-decoration: underline;}  https://yadi.sk/i/Zd8OeKy-ekwp8  - не правильно
https://yadi.sk/i/1yvSXvzFekwq3  - правильно

Что бы не сильно напрягал зрение, да и красивый был.