Jump to content
  • 0

Верстка мобильной версии (адаптивной): выбор единиц измерения шрифта


Светлана Г.
 Share

Question

Здравствуйте!

Есть у меня сайт, который был сделан во времена, когда никто не задумывался о необходимости создания мобильных (адаптивных) версий.

Сейчас такое время пришло, и я хочу доработать сайт, чтобы его удобно было просматривать на мобильных устройствах.

В частности, сейчас меня волнует проблема читабельности текстов. Например, на моем iPhone 4, текст прочитать невозможно. Хочу эту проблему решить в первую очередь.

В верстке я решила ничего глобально не менять, а только дописать стили для различных разрешений с помощью media queries.

 

Вопрос: какие единицы измерения следует использовать для достижения поставленных целей?

Пока есть такой вариант:

body {font-size:100%;}p {font-size: 1.25em;}

Но, читая книгу Тима Кедлека "Адаптивный дизайн", возникли сомнения. например, там написано о том, что у различных устройств размер шрифта по умолчанию сильно разнится - у некоторых может достигать 26px. Не окажется ли поведение моего сайта непредсказуемым с таким подходом?

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

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
Answer this question...

×   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.

 Share

  • Similar Content

    • By Almaz_Kazan
      Добрый день у class="fb7" не действует правило display block при уменьшении экрана на 721px
      Вот сайт http://mrdtools.com/exec/spin_template_ready/iphone_version/#
      ftp доступ:
      хост:  s5.thehost.com.ua
      логин: sabrina
      пароль: Iar862JZ
      Папка iphone_version
      Помогите пожалуйста 
    • By evgenia18
      Добрый день! 
      На данный момент прохожу обучение по веб-программированию, но уже сейчас хотело бы поработать с реальными проектами. 
      Знаю HTML, CSS, принципы адаптивной верстки, основы JavaScript и тд.
      Пример моей работы находится по адресу https://evgenia1991.github.io/
    • By Tempest
      Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают 
       Вот исходный код http://www.cssdesk.com/J8Xk9

       
    • By 3pdt
      Адаптивная верстка за символическую плату (а может и бесплатно) с использованием Bootstrap. Пишите в л/с, договоримся.
      Пример:
      https://3pdt.github.io/eventide/
         
    • By nightgremlin
      Здравствуйте, уважаемые форумчане!
      Сто лет ничего не писал и ни за что не брался, и вот решился. Хочу восстановить и поднять свой уровень.
      У Вас есть шаблон psd, который надо сверстать? - Я к вашим услугам. Сделаю абсолютно бесплатно (ну может добавлю в портфолио).
      Вот, перечень предлагаемых услуг:
      верстка обычного psd-макета. С Вас макет - с меня верстка с использованием HTML5/CSS3; адаптивная верстка под различные разрешения экрана используя Media Queries; возможна натяжка на популярный движок WordPress. _____________________________________________________________________________________________________
      Так как совсем недавно начал изучение JavaScript, то могу попробовать написать что-то простенькое используя связку HTML5+CSS3+JavaScript (DOM). До библиотеки JQuery еще не добрался, но вставить готовый скрипт думаю сумею запросто.
      Задания присылайте на почту: pobedinskiy85@gmail.com
      P/s: никогда не занимался профессионально вёрсткой и написанием скриптов на JS, но то что вы мне предложите постараюсь выполнить качественно в приемлемые сроки.
       
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy