Хочу использовать в проектах REM в качестве единиц измерения
(шрифт, отступы у некоторые блоков, ie8/ie9 потихоньку умрет).
Почитал, поискал. Возник основной вопрос, плюс один дополнительный-сомнительный...
Всем откликнувшимся заранее огромное спасибо!
.
ВОПРОС 1:
Какой вариант логичней использовать?
(на первый взгляд v1, но хочу обратиться к опытным, вдруг... в дальнейшем верстая по v1 могу столкнуться с "неприятностями")
v.1
html { font-size: 1px;} /* = 1rem = 1px */
body { font-size: 14rem;} /* =14px */
h1 { font-size: 24rem; } /* =24px */
.someElement { width: 120rem;} /* = 120px */
v.2
html { font-size: 62.5%; } /* = 1rem = 10px */
body { font-size: 1.4rem; } /* =14px */
h1 { font-size: 2.4rem; } /* =24px */
.someElement { width: 12rem;} /* = 120px */
ВОПРОС 2:
Наткнулся на странную для меня, новою статью
в ней
рекомендуется не использовать REM.
https://mindtheshift.wordpress.com/2015/04/02/r-i-...
В рунете особо данную информацию не читал.
хотелось бы узнать ваше мнение.
.
ВОПРОС 3:
Нужно ли использовать данный JS:
"rem-calibrate.css"/*
Place this within a <script> in your <head>, prior to your stylesheet
Then use rems instead of px globally - your site will scale 1:1 with viewport width
*/
function remCalibrate() {
document.documentElement.style.fontSize = window.innerWidth/100 + 'px';
}
remCalibrate();
window.addEventListener('resize', remCalibrate, false);
(почерпнул тут: https://gist.github.com/brianblakely/3106678)
.
Еще раз большое спасибо откликнувшимся!