| |
|
|
| | В файле media заданы размеры шрифтов в зависимости от ширины экрана:
@media only screen and (max-width: 1100px) {
p, a {font-size: 13px; }
}
@media only screen and (max-width: 1000px) {
p, a {font-size: 12px; }
}
|
То есть, при ширине экрана до 1000 пикселей будет шрифт 12рх, а при ширине до 1100 пикселей будет шрифт 13рх.
Так оно и происходит и все стили, содержащие выраженный в процентах значения font-size послушно следуют этому правилу.
А вот с h1, h2, h3 проблема! Эти параметры заданы так:
h1, h2, h3 {font-weight:bold; font-size:100%}
|
Но их размер остается неизменным!
И только если внести h1, h2, h3 в media, соответствующий текст начинает меняться в размерах аналогично другим классам.
Почему так?
Что, h1, h2, h3 - они какие-то особенные? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(11.01.2014 в 19:14)
| | | > Что, h1, h2, h3 - они какие-то особенные?
Ну это какбы другие теги.... У вас же написано: p, a {font-size: 13px; }
Напишите, скажем:
p, a, h1, h2, h3, div, span /* и все остальное */ {font-size: 13px; }
|
И все будет по одним правилам. | |
| |
|
|
| |
|
|
| |
для: Sfinks
(11.01.2014 в 19:57)
| | | Вот есть класс:
.dalee {font-size:100%; text-align: right;}
h1, h2, h3 {text-align:center; font-size:100%}
|
Если я правильно понимаю, то здесь размер шрифта исчисляется от заданного в браузере по умолчанию или назначенного исходного значения.
Можно ли эту назначенную величину занести в медиа, чтобы при изменении ширины экрана автоматически изменялись все шрифты во всех классах и тегах, исчисляемые в процентах?
Вот такая комбинация почему-то не распростраяет свое действие на теги Н1, Н2, Н3:
@media only screen and (max-width: 1100px) {
p, a {font-size: 13px; }
html, body {font-size:13px}
}
|
| |
| |
|
|
