Шрифты при разных разрешениях

@Hagrael · Регистрация: 07.01.2010

Студворк — интернет-сервис помощи студентам

Да, да, поднимаю свою старую тему - шрифты при разных разрешениях. Как-то кто-то мне сказал, что при разных стандартных разрешениях размер шрифта разный. Но я бал у человека, у него разрешение 1280*1024 (не знаю, стандартное или нет), но выглядит всё так же мелко, как у меня (можно правда в Chrome это дело настроить, но я думаю, у большинства людей оно не настроено). Так что я вообще сомневаюсь, что есть такое понятие как "стандартное разрешение". И если указать в процентах ширину/высоту блока, то текст при низком разрешении вылетит за рамки! Что делать? Кст., аналогичная история с background no-repeat. Если подогнать под одно разрешение и указать ширину блока с background'ом в процентах, то background будет не на всю ширину блока! Как решить эту проблему? Адаптивная разметка? Указывать в px? Пробовал динамично создавать стили - вообще фуфло. 50 КБ один js-файл занимает! Заранее благодарю за помощь

Добавлено через 18 часов 41 минуту
HELP

Vovan-VE · 12.09.2010, 15:18

Размер шрифта можно же указывать не только в pt (которое зависит от масштаба шрифтов, а не от количества пикселей в экране), можно в px, можно в % от размера по умолчанию (настройки браузера).

Чтобы было понятнее, небольшой пример. Толщину книги можно указывать в мм, можно в количестве страниц, а можно в количестве символов в ней. Все три способа измерения отображают некоторую свою суть. В одних случаях разумно использовать один способ, в других - другой.

@Hagrael · 12.09.2010, 15:27 **[ТС]**

Vovan-VE, а мне делать по умолчанию шрифт на странице фикс или как?

Vovan-VE · 12.09.2010, 15:36

Hagrael, Смотря какой у тебя дизайн. Указывая размер в px, ты точно уверен, что буквы всегда будут сколько-то пикселов независимо от разрешения. Указывая размер в pt, ты точно уверен, что буквы всегда будут "в гармонии" с настройками системы пользователя. Указывая размер в % от умолчальных, ты всегда уверен, что шрифты будут "в гармонии" с настройками браузера.

Что хочешь в итоге получить - то и используй. Как говорится, соль-сахар по вкусу.

@Hagrael · 12.09.2010, 15:47 **[ТС]**

Vovan-VE, мне хотелось бы в гармонии с системой, т. е. pt, так? А сколько pt - норма (15px при 1024*768)? И ещё один попутный вопрос - вот у меня картинка - background (no-repeat!). А как сделать так чтобы background выглядел одинаково при разных разрешениях (100% высоту и 100% в ширину элемента)? Или задавать фикс. ширину элементов?

Vovan-VE · 12.09.2010, 15:54

Сообщение от Hagrael

background (no-repeat!). А как сделать чтобы background ... (100% высоту и 100% в ширину элемента)?

Есть свойство background-size, но его не все поддерживают.

CSS
1
2
3
4
5
6
7
... {
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
}

Сообщение от Hagrael

А сколько pt - норма (15px при 1024*768)?

Опять же, связь между pt и px зависит от параметров системы. Если уж указываешь в pt, то тебе должно быть все равно, сколько это px (иначе в px и указывай).

@Hagrael · 12.09.2010, 16:01 **[ТС]**

Vovan-VE, спасибо за background! А какие браузеры его не поддерживают? В background - краткую запись его не включить, как я понял.
По поводу шрифта - я имел в виду сколько это будет pt, чтобы так было везде. А ваще по-моему глупо если на то пошло в px указывать.

Vovan-VE · 12.09.2010, 16:04

Не по теме:

Сообщение от Hagrael

А ваще по-моему глупо если на то пошло в px указывать.

Пример: сложный графический фон в стиле какой-нибудь игры. Чтобы размер букв соответсвовал фону под ними, лучше в px указать.

@Hagrael · 12.09.2010, 17:02 **[ТС]**

Vovan-VE, хм, но значит на сайте лучше в pt указать. Тогда если стоит стандартное разрешение экрана, то буквы будут нормально отображаться, да? Но ведь может стоять и нестандартное, так что может лучше в px? А что насчёт backgorund'a, какие браузеры его не поддерживают?

Добавлено через 40 минут
Так что?

Добавлено через 12 минут
help me please

Vovan-VE · 12.09.2010, 17:16

Hagrael, pt, px - тут чисто философия. Тот же пример с толщиной книги. В одних случаях разумно 256 страниц, в другом случае - 16мм.

Сообщение от Hagrael

А что насчёт backgorund'a, какие браузеры его не поддерживают?

Здесь оно есть (и много другого полезного). Обновляется по мере необходимости.

@Hagrael · 12.09.2010, 17:33 **[ТС]**

Vovan-VE, ещё у меня вопрос: вот у меня блок (пункт меню к примеру) c фоном no-repeat. Надо ж сделать background-size: 100% 100%, если я не знаю точной ширины блока (к примеру если слово слишком длинное и т. д.), а др. выхода нет ведь, так? А по поводу шрифта - знач надо писать в px, пусть в разных мониторах по-разному будет.

Добавлено через 2 минуты
Но в IE background-size не поддерживается...

Добавлено через 1 минуту
А можно сделать так:

HTML5
1
<img style="width: 100%; height: 100%; position: absolute; z-index:1"><div style="z-index: 2">Текст...</div>

??? но это какой-то стрёмный вариант.

Vovan-VE · 12.09.2010, 17:37

Hagrael, Растягивая фон, ты должен понимать, что будут искажения (пикселизация, если фон шире, чем изображение, или размытие - как браузер смогёт).

@Hagrael · 12.09.2010, 17:48 **[ТС]**

Vovan-VE, вот задача - сделать так, чтобы фон отображался корректно при условии, что ширина и высота элемента не известны. Как это сделать? Фон такой к примеру:
Название: image.png
Просмотров: 292

Размер: 704 байт

Название: image.png
Просмотров: 292

Размер: 704 байт

Не по теме:

Sory, что нет миниатюры, т. к. не въехал как её добавлять

Комментарий модератора

https://www.cyberforum.ru/abou... 03521.html

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932

	Шрифты при разных разрешениях 12.09.2010, 14:50. Показов 7161. Ответов 12 Метки нет (Все метки) Да, да, поднимаю свою старую тему - шрифты при разных разрешениях. Как-то кто-то мне сказал, что при разных стандартных разрешениях размер шрифта разный. Но я бал у человека, у него разрешение 12801024 (не знаю, стандартное или нет), но выглядит всё так же мелко, как у меня (можно правда в Chrome это дело настроить, но я думаю, у большинства людей оно не настроено). Так что я вообще сомневаюсь, что есть такое понятие как "стандартное разрешение". И если указать в процентах ширину/высоту блока, то текст при низком разрешении вылетит за рамки! Что делать? Кст., аналогичная история с background no-repeat. Если подогнать под одно разрешение и указать ширину блока с background'ом в процентах, то background будет не на всю ширину блока! Как решить эту проблему? Адаптивная разметка? Указывать в px? Пробовал динамично создавать стили - вообще фуфло. 50 КБ один js-файл занимает! Заранее благодарю за помощь Добавлено через 18 часов 41 минуту* HELP 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	12.09.2010, 15:18
	Размер шрифта можно же указывать не только в pt (которое зависит от масштаба шрифтов, а не от количества пикселей в экране), можно в px, можно в % от размера по умолчанию (настройки браузера). Чтобы было понятнее, небольшой пример. Толщину книги можно указывать в мм, можно в количестве страниц, а можно в количестве символов в ней. Все три способа измерения отображают некоторую свою суть. В одних случаях разумно использовать один способ, в других - другой. 1

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	12.09.2010, 15:27 [ТС]
	Vovan-VE, а мне делать по умолчанию шрифт на странице фикс или как? 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	12.09.2010, 15:36
	Hagrael, Смотря какой у тебя дизайн. Указывая размер в px, ты точно уверен, что буквы всегда будут сколько-то пикселов независимо от разрешения. Указывая размер в pt, ты точно уверен, что буквы всегда будут "в гармонии" с настройками системы пользователя. Указывая размер в % от умолчальных, ты всегда уверен, что шрифты будут "в гармонии" с настройками браузера. Что хочешь в итоге получить - то и используй. Как говорится, соль-сахар по вкусу. 1

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	12.09.2010, 15:47 [ТС]
	Vovan-VE, мне хотелось бы в гармонии с системой, т. е. pt, так? А сколько pt - норма (15px при 1024*768)? И ещё один попутный вопрос - вот у меня картинка - background (no-repeat!). А как сделать так чтобы background выглядел одинаково при разных разрешениях (100% высоту и 100% в ширину элемента)? Или задавать фикс. ширину элементов? 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	12.09.2010, 16:01 [ТС]
	Vovan-VE, спасибо за background! А какие браузеры его не поддерживают? В background - краткую запись его не включить, как я понял. По поводу шрифта - я имел в виду сколько это будет pt, чтобы так было везде. А ваще по-моему глупо если на то пошло в px указывать. 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	12.09.2010, 17:02 [ТС]
	Vovan-VE, хм, но значит на сайте лучше в pt указать. Тогда если стоит стандартное разрешение экрана, то буквы будут нормально отображаться, да? Но ведь может стоять и нестандартное, так что может лучше в px? А что насчёт backgorund'a, какие браузеры его не поддерживают? Добавлено через 40 минут Так что? Добавлено через 12 минут help me please 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	12.09.2010, 17:37
	Hagrael, Растягивая фон, ты должен понимать, что будут искажения (пикселизация, если фон шире, чем изображение, или размытие - как браузер смогёт). 0