Jump to content
  • Sign Up

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • 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,842
    Total Members
    1,451
    Most Online
    Suppilulima
    Newest Member
    Suppilulima
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Мучаюсь, не могу не как попасть на иконки вацапа и вайбера, используя карту изображений. Не как не пойму как эти координаты высчитать.   В итоге сделал три картинки и задал инлайн блок и всем картинкам ссылки.
    • Облако в помощь: как облачные технологии помогают известным компаниям Ценным опытом нужно делиться, особенно – опытом успешного использования облачных сервисов. Начнем с опыта компаний, чьи товары и услуги на слуху по всему миру. Поговорим о тех, кто внедрил облачные технологии (или планирует это сделать) и выгодно использует свое облачное преимущество над конкурентами.   Немного истории   Люди грезили облаками всегда. И если в буквальном смысле их покорение далось человечеству еще в 18 веке (спасибо братьям Монгольфье), то в интересующем нас значении все произошло много позже.   Ждать пришлось более двух столетий. Да, «облачные» идеи провозглашались еще в 50-х годах 20 века, задолго до появления интернета, но впервые по-настоящему материализовались лишь в 1999 году. Тогда компания Salesforce начала давать пользователям доступ к своим вычислительным ресурсам через веб-сайт. Новинка разлеталась как горячие пирожки, поэтому скоро похожими решениями обзавелись гиганты – Amazon, Google, IBM и Microsoft.   Облако на колесах   Компьютерам, как известно, уже давно не сидится в офисах – добрались они и до автопромышленности, причем много лет назад. А где компьютеры, там и до облака рукой подать. Одними из первых это смекнули в компании Volvo и приступили к созданию умного автомобиля нового поколения. А работать он будет вот как: автомобиль во время движения фиксирует все потенциальные опасности (скользкий участок трассы, яма, авария, обломок дерева и т.д.) и передает их в облачную базу данных, откуда эта информация транслируется на все автомобили, которые приближаются к опасному отрезку пути. Если Volvo успеет внедрить эту технологию раньше всех, то наверняка покорит сердца еще большего количества автолюбителей, в частности тех, кому безопасность на дороге превыше всего.       Финансы В банковском деле вопрос безопасности тоже стоит далеко не на последнем месте. Это, а еще желание опередить конкурентов в плане производительности привело в облака мировых гигантов банковского дела: BBVA, Goldman Sachs, Capital One и других. За признанными авторитетами подтягиваются организации поменьше – облачные технологии становятся трендом среди банкиров.   В Украине процесс виртуализации хоть и отстает немного, но на месте не стоит. Не так давно экс-топы ПриватБанка анонсировали запуск осенью 2017 года первого в стране мобильного банка без физических отделений. Сами разработчики обещают, что приложение будет даже круче, чем Приват24. Ждем.   Умный дом…   Технологии умного дома стремительно обретают популярность по всему миру. Активнее всего их внедряют в США, Китае и Германии. Суть следующая – в доме подключаются датчики и устройства, которые связывают между собой все электроприборы и позволяют управлять ими с помощью одного пульта или даже смартфона. Чтобы хранить и обрабатывать весь массив информации, пользователю, по логике, нужен мощный компьютер, что сказывается на стоимости такого решения. Выход нашелся довольно быстро – обрабатывать информацию в вычислительном облаке, что позволило снизить затраты на умный дом, подняв тем самым его популярность.   Если полноценный умный дом не по карману, то можно выбрать его «упрощенные», бюджетные версии. В частности, компания Xiaomi со своим Smart Home Kit предложила автоматизировать основные процессы в доме по доступной цене, чем значительно повысила свой авторитет на рынке.   …да и город не дурак   Если построить рядом много умных домов, получится умный город? Ну, почти. :) Умный город – это еще и интеллектуальные системы общественного транспорта, виртуальные очереди в поликлинику и городские службы, централизованная система проката велосипедов и автомобилей и много других по-настоящему классных и нужных решений. Среди европейских городов такие системы частично реализованы в Париже, Мадриде, Барселоне, Лондоне.   Не отстает Китай. Так, власти административного района Макао (или, как его еще называют, «Китайский Лас-Вегас») заключили соглашение на внедрение облачных технологий с компанией Alibaba. Уже через 4 года Макао превратится в умный город с развитой ИТ-инфраструктурой.   На этом, пожалуй, пока сделаем паузу. Впишите и свое имя в список великих, прихватив с собой облако на удачу. Не знаете, с чего начать? Обращайтесь к нам за грамотной консультацией, мы рады вам 24х7.    
    • По указанному адресу убрал, проблема осталась
  • Popular Contributors

×
×
  • Create New...