Бесплатные консультации по HTML/CSS

(Ответов: 26, Просмотров: 2167)
Страница 3 из 3 Первая 123
  1. Опытный
    • Регистрация: 19.04.2012
    • Сообщений: 324
    • Репутация: 70
    • Webmoney BL: ?
    maximjke, пропишите картинке с классом "imgicon" свойство float: left;
    • 1

    Спасибо сказали:

    maximjke(23.06.2013),
  2. Гуру Аватар для 3s777
    • Регистрация: 09.02.2013
    • Сообщений: 1,418
    • Репутация: 384
    • Webmoney BL: ?
    Добрый день. Подскажите, пожалуйста, как с помощью CSS сделать адаптивный размер шрифта. Т.е. чтобы он на обычных мониторах смотрелся больше, а на мобильных устройствах меньше?
    • 0
  3. Студент
    • Регистрация: 17.08.2010
    • Сообщений: 74
    • Репутация: 12
    Используйте em или %
    • 0
  4. Гуру Аватар для 3s777
    • Регистрация: 09.02.2013
    • Сообщений: 1,418
    • Репутация: 384
    • Webmoney BL: ?
    Цитата Сообщение от Alexben Посмотреть сообщение
    Используйте em или %
    На сколько я пробовал em или % помогают установить шрифт в зависимости от родительского элемента, но под разрешение экрана они не подстравиваются, только под родителя. Это помогает быстро и массово менять размеры шрифтов по всему сайту, но не помогает в решении моей проблемы.
    • 0
  5. Студент
    • Регистрация: 17.08.2010
    • Сообщений: 74
    • Репутация: 12
    3s777, ну это вполне естественно. :)
    ваш вопрос - это уже половина ответа. Используйте адаптивную верстку (да, в том числе и указание размера шрифта/font-size, межстрочного интервала/line-height).
    Не имеет смысла копипастить гугл, просто укажу ссылку на полезную статью - вот она.

    ---------- Сообщение добавлено 18:02 ---------- Предыдущее 17:53 ----------

    + есть возможность узнать размеры монитора на клиенте с помощью JS.
    раздел BOM javascript => объект screen, свойства height and width
    • 1

    Спасибо сказали:

    3s777(02.07.2013),
  6. Гуру Аватар для 3s777
    • Регистрация: 09.02.2013
    • Сообщений: 1,418
    • Репутация: 384
    • Webmoney BL: ?
    Цитата Сообщение от Alexben Посмотреть сообщение
    Используйте адаптивную верстку
    Я правильно понимаю, что если я использую такую комбинацию:
    <link rel="stylesheet" href="http://ВАШ_САЙТ.РУ/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://ВАШ_САЙТ.РУ/style.css1" type="text/css" media="handheld" />
    то для обычных мониторов подключится файл style.css, а для мобильных style.css1
    • 0
  7. Студент
    • Регистрация: 17.08.2010
    • Сообщений: 74
    • Репутация: 12
    3s777, да, а еще можно комбинировать. Статья на хабре.
    Хотя, не считаю это самым верным и хорошим вариантом. Если есть знания и возможности лучше использовать иные технологии для определения мобильных девайсов.
    • 1

    Спасибо сказали:

    3s777(03.07.2013),
Страница 3 из 3 Первая 123

Похожие темы

Темы Раздел Ответов Последний пост
Бесплатные консультации
Оффтоп и свободные темы 9 28.02.2012 19:31
Бесплатные консультации по CMS Joomla
Другая работа 21 27.12.2011 18:32
Бесплатные консультации по Drupal
Другая работа 0 23.10.2011 17:12
Бесплатные консультации по CMS Joomla
Создание сайтов 11 24.09.2011 14:42
Бесплатные домен-консультации для начинающих
Хостинг и Серверы 3 28.06.2011 14:22

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры