Въпрос към урок: Медийни заявки и CSS файлове от курс: HTML5 и CSS3

Как 

Уеб дизайн HTML CSS Програмиране Atom Notepad++ HTML5 и CSS3

можем да изберем правилно при какви ширини на дисплея да зададем в медийната заявка? Преди 5 години когато изучавах този курс - всичко беше нормално. Направих пробна страничка, на телефона тя се държеше според очакванията и всичко беше ОК. Сега направих същото, но се оказа, че на малко по- съвременен смартфон и Андроид, браузърът интелигентно премащабира екрана за да побере съдържанието и екранните изображения и стойностите за ширина на дисплея се оказват по- малки или по- големи от нужните. Направих скрийншотове на екрана на телефона, за да видя размерите на дисплея, но се оказа, че размерите на jpg файла от скрийншота по никакъв начин не се засичат със зададените в CSS стойности. Другото - как да е, но големината на шрифтовете и направата на страничка с адаптивен дизайн се оказаха късачка за нерви. В крайна сметка по друг начин освен по метода пороба - грешка не можах да налучкам стойностите. Опитах да потърся WEB KIT за браузъри мобилна версия, но не намерих нищо по въпроса.

Трябва да се добави допълнителе <meta> таг в <head> частта на <html>: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Така инструктирате браузърите да не се опитват да оразмеряват страницата.

Много благодаря! :)

А можем ли да направим така, че HTML/CSS да разпознава ориентацията Portrait / Landscape на дисплея на мобилното устройство?


Вашият отговор

Научи компютърните програми онлайн от топ експертите на България
Регистрацията в АУЛА ви дава:
  • 20 безплатни урока
  • Трикове и тънкости за софтуера
  • Отговори на вашите въпроси
  • Регистрация