powered by simpleCommunicator - 2.0.29     © 2024 Programmizd 02
Map
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите разобраться с размерами выводимых на телефонах шрифтов.
6 сообщений из 6, страница 1 из 1
Помогите разобраться с размерами выводимых на телефонах шрифтов.
    #40122975
evgeniybel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Есть очень простой сайт с фотографиями www.lukinskiy.com, сделанный в виде таблицы, один для обычной и мобильной версий. Он нормально работает на мониторах, но на смартфонах возникают непонятки с размерами шрифтов.
Сайт рассчитан на несколько разрешений мониторов с тем, чтобы выводить специально подготовленные фотографии разных размеров "как есть", без масштабирования броузером. Соответственно, для каждого разрешения есть набор фотографий необходимых размеров и css с размерами всех элементов (отступов, размеров шрифтов, и т.д.).
И есть один вариант css с размерами для смартфонов. При этом реальный размер шрифта при просмотре на смартфоне оказывается зависящим от длины текста в ячейке таблицы.
Может ли кто-то помочь разобраться и подсказать, как сделать правильно, по доброте душевной или за разумное вознаграждение?
...
Рейтинг: 0 / 0
Помогите разобраться с размерами выводимых на телефонах шрифтов.
    #40122978
так через @media всё делается
media
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
@media(min - width: 1600 px) {#
    playNow.army {
        right: 0
    }#
    playNow.soldier {
        right: 70 px
    }#
    playNow article h1 {
        font - size: 4 rem
    }#
    playNow article h1 > span: first - child {
        font - size: 2.25 rem;
        padding - left: 76 px
    }#
    journey article {
        left: 10 vw
    }
}
@media(min - width: 1440 px) {
    #mainNavigation nav.desktop {
        font - size: 1.5 rem;
        min - height: 111 px;
        padding - top: 3 vh;
        padding - bottom: 1 vh
    }#
    mainNavigation nav.desktop.logo {
        width: 27 vw;top: -25 px
    }#
    mainNavigation nav.desktop ul li a: not(#register) {
        padding: 0 15 px
    }#
    mainNavigation nav.desktop ul li.dropdown {
        padding: 0 15 px;padding - right: 35 px
    }#
    mainNavigation nav.desktop ul li.selectedLanguage {
        top: 7 px
    }#
    mainNavigation nav.desktop ul li.selectedLanguage svg {
        width: 40 px;height: 30 px
    }
}
@media(min - width: 1024 px) {#
...

...
Рейтинг: 0 / 0
Помогите разобраться с размерами выводимых на телефонах шрифтов.
    #40123016
evgeniybel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Там и так сделано через @media.
Было font-size без единиц для всех разрешений. Попробовал для экранов смартфонов указать font-size в rem - та же фигня.
То есть размер шрифта при определенном количестве текста выводится нормальный, а при меньшем вдруг очень мелкий.
То есть все сложнее, надо разбираться именно на примере сайта, поэтому и сказал об оплате.
Подозреваю, что все дело в том, что размеры страницы сайта для каждого разрешения задан жестко в пикселях (для вывода таблицы картинок предопределенного размера). А смартфон начинает все это масштабировать, чтобы влезло на экран, и текст почему-то масштабирует странно.
...
Рейтинг: 0 / 0
Помогите разобраться с размерами выводимых на телефонах шрифтов.
    #40123128
s62
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
evgeniybel,

для информации, может имеет отношение к проблеме. Открыл сайт на ПК в FF, отладчик в браузере (F12) показал вот такое:
...
Рейтинг: 0 / 0
Помогите разобраться с размерами выводимых на телефонах шрифтов.
    #40123165
estic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Где метатег name="viewport"? Без него современные сайты не делаются.
...
Рейтинг: 0 / 0
Помогите разобраться с размерами выводимых на телефонах шрифтов.
    #40123174
evgeniybel, отключаете все фонты - переводите на дефолтные
гуглите оформление кода под мобилки - делаете всё правильно
смотрите
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите разобраться с размерами выводимых на телефонах шрифтов.
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]