Question

Доброго времени суток.

Не могу разобраться — почему подчёркнутый текст на скринах ниже, под гостем огромного размера, а под залогиненым юзером нормальный...

 

Подробнее:

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

Поэтому критично, чтобы на сайте шрифты были не малюпесенькие, которые видны только под микроскопом :) 

В стилях стоял 11 размер текста, что для мобильных устройств кошмар, я поставил 14 — чтобы хоть как-то улучшить восприятие текста.

Менял в начале css два значения:

body {

 margin: 0px;

 background: #1b1b1b;

 font: 14px 'Verdana';

 color: #c9c9c9;

 text-align: center;

}

 

body a {

 color: #666666;

}

 

body a:hover {

 text-decoration: none;

}

 

* {

 font-size: 14px;

 font-family: 'Verdana';

}

и на компьютере всё нормально, а на планшете строка вот, если захожу под гостем:

А вот она-же, после логина:

я не понимаю, что не так-то? Почему размер под гостем и залогиненым скачет?

При размере шрифта в 11 пикселей, на мобилах всё нормально, но мелко :) 

 

Answer 1

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

<div id="shapka">здесь код шапки сайта с всем содержимым</div>

далее в стили дописать:

#shapka span,#shapka p,#shapka b,#shapka font {font-size: 11px!important;}

вместо 11 прописать нужный размер шрифта.