Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
Топик располагается на нескольких страницах: Ctrl  назад   1 [2]      все
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
читай по ссылке выше про margin
10 ноя 21, 12:24    [22394116]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
Konst_One
ничего не понятно, что ты хочешь сделать и что у тебя не получается

Похоже он пытается сделать какой-то html-конструктор...
10 ноя 21, 12:32    [22394122]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
беру линейку, прикладываю к монитору 4 мм между шапками
нужен инструмент, чтобы было и 1, 2, 3 мм между шапками 1 и 2

Не знаю как сейчас...
Но ранее в браузерах/принтерах было достаточно проблематично получать точность именно в миллиметрах.
Их тогда и задавать нужно именно в mm.
<div style='height: 10mm; background-color: red;'></div>
10 ноя 21, 12:36    [22394125]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
<!DOCTYPE html>
<html>
<head>
<style>
div, p {
  margin: 0;
  padding: 0;
  width: 100%;
}
.header1, .header2 {
  background-color: lightblue;
  height: 30px;
}
.content {
  font-size: 12pt;
  margin-top: 2mm;
  margin-bottom: 3mm;
  border: 1px black solid;
  background-color: lightgreen;
}
</style>
</head>
<body>

<div class="header1">
header 1
</div>
<p class="content">
test content<br/>
test content<br/>
test content<br/>
</p>
<div class="header2">
header 2
</div>

</body>
</html>
10 ноя 21, 12:51    [22394135]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
катастрофа
Konst_One,
Шапка1
<div style="height: 0px"></div>
Шапка2

беру линейку, прикладываю к монитору 4 мм между шапками
получше, но нужен инструмент, чтобы было и 1, 2, 3 мм между шапками

Нарисуй границу своим шапкам и посмотри.
Те 4 мм - это внутри шапок. Им надо стили править.
А 0px между шапками это как? Буквы верхние и нижние соприкасаться должны?
10 ноя 21, 13:30    [22394153]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
krvsa
Konst_One
ничего не понятно, что ты хочешь сделать и что у тебя не получается

Похоже он пытается сделать какой-то html-конструктор...

да
может где видели в сети?
Буквы верхние и нижние соприкасаться должны?
ответ - да
и задавать нужно именно в mm
ок сейчас попробую
10 ноя 21, 14:03    [22394180]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
mm и px я бы сказал знак =
10 ноя 21, 14:08    [22394183]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
mm и px я бы сказал знак =

Я бы так не сказал...
Поскольку это таки разные единицы измерения.
mm - метрическая и на каждом устройстве должно быть одинаковым (с точностью до пикселя)
px - чисто пиксельная величина, у каждого устройства она своя, с метрической т.з.
катастрофа
да
может где видели в сети?

Я же разработкой занимаюсь...
Зачем мне чужие конструкторы. А нам такое пока не заказывали...
Т.ч. у тебя есть шанс попасть к нам в клиенты. ;)
https://ivolga-it.ru/web/
10 ноя 21, 15:10    [22394248]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
krvsa, спасибо
10 ноя 21, 15:26    [22394254]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
катастрофа
krvsa, спасибо

имелось ввиду не надо
интересно, заказчик в ТЗ написал
что нужен в нужном месте
select
его опции
01. Ничего не выбрано
02. Пустая строка (абзац)
в нужное
<option>01. Ничего не выбрано</option>
<option>02. Пустая строка (абзац)</option>
то есть добавить у каждой строки <option> и </option>
это Ваши спецы как делаете?
10 ноя 21, 15:32    [22394261]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
это Ваши спецы как делаете?

Все что можно повторить/реализовать в вебе и мобильном приложении, в разрезе возможностей JS, мы делаем.
10 ноя 21, 16:24    [22394313]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
krvsa, я про Фому, а вы про Ивана.................
10 ноя 21, 16:38    [22394321]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа, так ты объясняльщик еще тот...
Почем мне знать чего ты имел ввиду. Я как прочитал - так и понял...
10 ноя 21, 17:12    [22394350]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
катастрофа

Буквы верхние и нижние соприкасаться должны?
ответ - да

Такого быть не может. По крайней мере для большинства шрифтов.
Вот картинка.
Картинка с другого сайта.
Изучайте, что такое font-size. И узнайте, что есть еще line-height
10 ноя 21, 18:38    [22394369]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
krvsa
катастрофа
mm и px я бы сказал знак =

Я бы так не сказал...
Поскольку это таки разные единицы измерения.
mm - метрическая и на каждом устройстве должно быть одинаковым (с точностью до пикселя)

Вот совсем не так. Ну совсем.
Есть такие понятия, как dpi и пиксель CSS
Для большинства мониторов, без масштабирования dpi = 96 пискселей.
CSS ориентируется на это.
Т.е если нарисовать вот такой div
<style>
div {
	box-sizing: border-box;	
	margin: 0;
	height: 1in;
	width: 96px;
	border: 1px solid blue;
}
</style>
<div></div>

Мы получим квадрат
Ну так и получается.
Т.е для CSS дюйм это просто 96px

Ну а mm - 1/25,4 дюйма или 3,78 px

Теперь посмотрим на реальные экраны.
Мой десктоп. Высота изображения на экране примерно 325 мм. Разрешение 1200px Там поместится 317 мм CSS
Ноутбук - Высота 195мм Разрешение 1080. Там помещается 285 мм CSS (Это совсем не 195).
10 ноя 21, 20:12    [22394408]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
voraa
Вот совсем не так. Ну совсем.
...
Теперь посмотрим на реальные экраны.
Мой десктоп. Высота изображения на экране примерно 325 мм. Разрешение 1200px Там поместится 317 мм CSS
Ноутбук - Высота 195мм Разрешение 1080. Там помещается 285 мм CSS (Это совсем не 195).

Т.е., как я и писал выше, px это px и ни как не mm.
10 ноя 21, 22:00    [22394456]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
krvsa

mm - метрическая и на каждом устройстве должно быть одинаковым (с точностью до пикселя)

А это какой смысл вложен?
10 ноя 21, 22:14    [22394461]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
voraa, я ориентируюсь на такое описание px...
автор
Пиксель px – это самая базовая, абсолютная и окончательная единица измерения.

Количество пикселей задаётся в настройках разрешения экрана, один px – это как раз один такой пиксель на экране. Все значения браузер в итоге пересчитает в пиксели.

https://learn.javascript.ru/css-units

И сколько это будет в mm или дюймах - меня не особо волнует. Это чисто экранная единица измерения, не метрическая (для меня).

Поскольку на экране все рисуется (рисовалось) точками, если дать команду нарисовать что-то в mm оно и будет нарисовано с точностью до экранного пикселя.
Тот же источник...
автор
Пиксели могут быть дробными, например размер можно задать в 16.5px. Это совершенно нормально, браузер сам использует дробные пиксели для внутренних вычислений. К примеру, есть элемент шириной в 100px, его нужно разделить на три части – волей-неволей появляются 33.333...px. При окончательном отображении дробные пиксели, конечно же, округляются и становятся целыми.

https://learn.javascript.ru/css-units

На сим считаю что тема px и mm раскрыта полностью и в дальнейшей полемике на эту тему не участвую.
11 ноя 21, 08:44    [22394517]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
krvsa
voraa, я ориентируюсь на такое описание px...
автор
Пиксель px – это самая базовая, абсолютная и окончательная единица измерения.

Количество пикселей задаётся в настройках разрешения экрана, один px – это как раз один такой пиксель на экране. Все значения браузер в итоге пересчитает в пиксели.

https://learn.javascript.ru/css-units


На сим считаю что тема px и mm раскрыта полностью и в дальнейшей полемике на эту тему не участвую.


Я не знаю, что автор учебника называет "базовой абсолютной и окончательной" единицей измерения, но 1px в CSS это явно не то.
Ни автор учебника, ни Вы не сможете задать, например, DIV с границей шириной в 1 экранный пиксель.
Вот, что бы с ним не делать, а граница все равно 1 экранный пиксель.
Это будет пиксель CSS. Но он совсем не абсолютен и не окончателен.
11 ноя 21, 09:21    [22394529]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
s62
Member

Откуда: Жуковский
Сообщений: 1506
Насчет пикселей, px.
Недавно столкнулся, когда делал media-query для разных размеров экрана. (Потом вспомнил, что раньше тоже сталкивался, но давно не занимался вебом, забыл уже.)
У меня телефон с разрешением экрана 2340*1080. Делаю медиа-квери, такое, что при ширине экрана меньше 1200px, поля содержимого слева и справа уменьшаются. Думаю так: если буду держать телефон поперёк, ширина экрана - 2340, поля большие, разворачиваю телефон, ширина - 1080, поля маленькие.
Смотрю, поля маленькие всё время. Пишу страничку, где выводятся размеры экрана в пикселях, screen.width, screen.height.
И что я вижу? Ширина - 412, высота - 892. Если развернуть телефон, то наоборот.
Начал читать по теме. Вычитал, что есть абсолютный пиксель (точнее, абсолютные единицы измерения, и среди них - пиксель), который раньше что ли считался по фактическому разрешению (DPI), а в CSS3 равен просто 1/96 дюйма.
А есть пиксель, вот по ссылке ниже его называют reference pixel, который выглядит примерно как пиксель при 96 dpi, если смотреть на экран с расстояния вытянутой руки (28 дюймов). Соответственно, если экран дальше, то пиксель больше. А на телефонах с большим разрешением экрана такому пикселю соответствует несколько физических точек-пикселей.

Вот тут текст и картинки https://www.w3.org/TR/css-values-3/#absolute-lengths
На второй картинке видно, что одному px может соответствовать несколько аппаратных, физических пикселей.

Как я понимаю, браузеры в телефонах вот вычисляют по каким-то правилам, сколько пикселей составляет экран, делят физическое кол-во пикселей на сколько-то, если разрешение большое.

Сообщение было отредактировано: 11 ноя 21, 14:46
11 ноя 21, 14:43    [22394650]     Ответить | Цитировать Сообщить модератору
Топик располагается на нескольких страницах: Ctrl  назад   1 [2]      все
Все форумы / HTML, JavaScript, VBScript, CSS Ответить