Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 18

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Елена Дроздова
Помогите. Мне нужно блок сделать высотой в печатную страницу Т.о. чтобы при печати один блок был на одной странице
пробовала в vh или миллиметрах?
источник

ЕД

Елена Дроздова... in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
пробовала в vh или миллиметрах?
vh да, мм нет
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
я смотрю, в ответах на это обычно vh и фигурирует
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
второй вариант — абсолют, конечно же
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
width: 100vw;
 height: 100vh;
 page-break-after: always;
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
вот только 100vh — это с полями, по-моему.
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Елена Дроздова
vh да, мм нет
в миллиметрах попробуйте. они для печати хорошо подходят
.page {
  width: 210mm;
  height: 297mm;
  padding: 2cm 5cm;
  box-sizing: border-box;
}
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
В пикселях размеры лучше не указывать т.к. их количество зависит от заданного параметра DPI:

при dpi=75, А4 имеет 877×620 px
при dpi=150, А4 имеет 1754×1240 px
при dpi=300, А4 имеет 3508×2480 px
источник

ЕД

Елена Дроздова... in HTML/CSS — русскоговорящее сообщество
Спасибо, нашла косяк - у меня на блоке стоял scale
источник

ЕД

Елена Дроздова... in HTML/CSS — русскоговорящее сообщество
уменьшающий
источник

A

Altairka in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
🖖 привет!

есть страница с карточками(товаров) которую отскроллили вниз.

внизу есть кнопка "показать ещё"

Когда на неё нажимаю то вижу, что карточки добавляются, но они не талкают кнопку вниз, а браузер как_бы незаметно скроллит страницу вниз, оставля кнопку  на том же месте где и была под курсором.

Кто может вспомнить свойство которое скажет браузеру что эта кнопка не должна визуально фиксироваться на одном месте?

это какое-то новое свойство но охото вспомнить
Решил? У меня такая же проблема только что была, нагуглил, на элемент с контентом в css вешаешь overflow-anchor: none; работает, надо только на поддержку браузерами посмотреть
источник

A

Altairka in HTML/CSS — русскоговорящее сообщество
Altairka
Решил? У меня такая же проблема только что была, нагуглил, на элемент с контентом в css вешаешь overflow-anchor: none; работает, надо только на поддержку браузерами посмотреть
Ie, safari нету(
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Altairka
Решил? У меня такая же проблема только что была, нагуглил, на элемент с контентом в css вешаешь overflow-anchor: none; работает, надо только на поддержку браузерами посмотреть
как здорово! Спасибо!! То что надо!
источник

MK

Maxim Koylo in HTML/CSS — русскоговорящее сообщество
Есть модалка на лефтах райтах, надо сделать минимизированное состояние, я делаю транзишин на все свойства лефт райт и тд и на ширину с высотой, в итоге нужно что бы модалка скрыла свой контент и отобразила другой справа по центру сраницы, но с транзишином оно лагает на этих свойствах, на трансформе я же не смогу сделать уменьшение размеров модалки, как быть?
источник

MK

Maxim Koylo in HTML/CSS — русскоговорящее сообщество
плюс надо что бы после уменьшения ее врапер не перекрывал контент, в итоге я перемещал и этот врапер и саму модалку
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Maxim Koylo
Есть модалка на лефтах райтах, надо сделать минимизированное состояние, я делаю транзишин на все свойства лефт райт и тд и на ширину с высотой, в итоге нужно что бы модалка скрыла свой контент и отобразила другой справа по центру сраницы, но с транзишином оно лагает на этих свойствах, на трансформе я же не смогу сделать уменьшение размеров модалки, как быть?
transform: scale() не подходит?
источник

MK

Maxim Koylo in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
transform: scale() не подходит?
Нет это уменьшит контент, а мне просто нужно размеры уменьшать и позицию
источник

МА

Майкал Алиев... in HTML/CSS — русскоговорящее сообщество
Ребята кто может помочь с анимациями? нужна помощь как анимировать блоки чтобы было красиво )
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Майкал Алиев
Ребята кто может помочь с анимациями? нужна помощь как анимировать блоки чтобы было красиво )
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Maxim Koylo
Есть модалка на лефтах райтах, надо сделать минимизированное состояние, я делаю транзишин на все свойства лефт райт и тд и на ширину с высотой, в итоге нужно что бы модалка скрыла свой контент и отобразила другой справа по центру сраницы, но с транзишином оно лагает на этих свойствах, на трансформе я же не смогу сделать уменьшение размеров модалки, как быть?
трансформ scale(0) не можешь ?
источник