Использование em в bootstrap?

Artem Borovikov: У ем есть одна специфическая черта, его размер зависит от font-size родителя.

Например: #myblock>a{text}
У тега А: размер шрифта 1em, а отступы по 0.5em.
Нам нужно уменьшить размер блока в два раза если открывают с мобилки, достаточно у #myblock поставить font-size: 0.5em и все внутренние элементы станут в двое меньше.

Меньше кода, больше резины xD

CSS. Как избавиться от наследования?

protasovmikhail: "фоном картинку" оО?!
#contentback{ background: rgba(0, 0, 255, 0.7); }

Использование em в bootstrap?

Artem Borovikov: bootstrap это не эталон, более того он нужен в случаях "быстренько сверстать"..
В PX, да потому что это проще и "быстренько"...

Для сайта в EM необходимо приложить усилия, знания и время.
Для себя всегда верстаю в em и rem, соответственно использую препроцессор less.

Я к ним привык, да и не использую bootstrap :)

Что мне надо знать, что бы создать интернет магазин?

name_user: "Сверстал" это 0.1% от готового интернет магазина ))

Ubuntu как удалить устаревшую папку?

Большое спасибо!

Ubuntu как удалить устаревшую папку?

Большое спасибо!

Как выполнить php через js с выводом результата?

@Rattlesneyk Извращаться можно как угодно :)
Вот пример: code.re/6gq

Как выполнить php через js с выводом результата?

@Rattlesneyk отслеживания ajax, если константа AJAX true то выполнять php код

(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') ?
    define('AJAX', true) : define('AJAX', false);

Где вы используете размеры в em?

@Petroveg Безусловно согласен с первой частью, это только мое отношение к единице.
Наш разговор что то затянулся и сильно отошло от темы вопроса, так что искрении желаю удачи и по больше хороших проектов :)

Где вы используете размеры в em?

@Petroveg вроде я уже тоже самое написал "Все браузеры преобразовывают в конечное число, то есть в PX.", только более кратко ))

Я знаю разницу, да и читал htmlbook.ru/content/edinitsy-izmereniya
Однако PX хоть не абсолютная единица измерения, все же предпочитаю к ней так относиться.
У нее нету четких определений в см, м. или километрах, но все равно она более менее жесткая единица.

Что 100 px на ноутбуке что 100 px на телефоне с ретиной, разницы в масштабировании "нету".
Да нету, определения в см, но прислонив телефон к монитору разницы Вы не заметите.

Где вы используете размеры в em?

@Petroveg Спасибо, приму Ваш совет )

Где вы используете размеры в em?

@Petroveg Вот товарищ @rodionme ниже ответил )

Где вы используете размеры в em?

@Petroveg для корректного масштабирования... У разных экранов свои dpi, да и браузеры как хотят так и отображают...

В отличии от строгих единиц (px) относительные ( %, em, rem. vh и т.д.) хорошо масштабируется и как правило не вызывают проблем..

Для адаптивных или для резиновых макетов они просто не заменимы.

Есть такое папаверине:
Если вы закончили с версткой... Уменьшите размер страницы до 25%, если ни один элемент не съехал то вы и в правду закончили...

К сожалению строгие единицы порой не так хороши чем относительные, но опять же если нужна адаптация, а для большинства сайтов и px норм.

Где вы используете размеры в em?

@Petroveg Размер em считается от размера шрифта родителя.
Если вы увеличиваете размер родителя то и все внутренние элементы будут больше.

А REM, то html..

В данном случаем мы рассматриваем em'ы...

И наверное я не верно излагаю свою мысль, но все же повторюсь.
Препроцессор LESS необходимо компилировать, для создания CSS файлов и стилей в нем.

Изменив размер шрифта у себя в браузере нечего не даст кроме кривизны таковую Вы мне показали..

Откройте codepen.io/vlsoprun/pen/fxmHG, измените размер "@font-size: 14px;" (33 строчка) например на 24px и посмотрите что верстка стоит на месте.

#main {
	width: 980px;
	margin: 0 auto;
	font-size: 32px;
}

В данном случае вы меняете размер родителя!

Где вы используете размеры в em?

codepen.io/vlsoprun/pen/fxmHG

Где вы используете размеры в em?

@Petroveg Все браузеры преобразовывают в конечное число, то есть в PX.
Речь шла об "А потом захочется поставить не 16px в root (он же html), а 24px. И поехала к чёрту такая вёрстка."

Вот Вам пример: codepen.io/vlsoprun/full/fxmHG

Можете проверить свое мнение об "И поехала к чёрту такая вёрстка", пожалуйста измените @font-size на 24px и посмотрите что все значения пересчитались и верстка ровная...

Где вы используете размеры в em?

@Petroveg Конечно нет! Ведь не кто не высчитывает подобные вещи в калькуляторе, а используют препроцессоры LESS, SASS и т.д.
Задается базовый размер шрифта и от него считаются...
Простой пример:
@font-size: 24px;
@em: ( 1em / @font-size );

#content {
width: @em * 980;
}

После компиляции получаем верный результат!

Возможно ли защитить сайт от скачивания файлов с других ресурсов?

@sanya164 Помогло ?