Report
-
Similar Content
-
By SnowSilver
Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ?
Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится.
А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45.
Эти значения получены у не стандартного шрифта... Но это сути не меняет.
Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента изначально 17px , а у инлайн блока после установки line-height:1 - 16px.
-
By Goodman-77
Здравствуйте!
Помогите пожалуйста, разобраться.
Известно, чтобы убрать пробелы между элементами - display: inline-block;
Достаточно обнулить у всех элементов *font-size: 0;
Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне?
Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы?
-
By Antoshka007
Всем привет!
Никак не могу разобраться, в чем тут дело. В интернете тоже никакой информации о таком странном поведении браузера не нашел.
Все браузеры корректно загружают файлы, кроме Safari. Подписываюсь на событие progress объекта XMLHttpRequest.upload и вывожу в консоль данные о загрузке файлов:
console.log(e.loaded + ' from ' + e.total + ': ' + e.loaded / e.total * 100); И вот, что вижу в консоли: (см. фото)
Текст "Данные полностью загружены на сервер!" выводится внутри обработчика события XMLHttpRequest.upload.onload.
То есть когда данные, казалось бы, полностью загрузились, Safari как будто повторно пытается их загрузить.
Кто-нибудь сталкивался с такой проблемой?
P.S.: Загрузка осуществляется по средством jQuery.ajax:
xhr: function() { _xhr = $.ajaxSettings.xhr(); _xhr.upload.onprogress = function(e) { console.log(e.loaded + ' from ' + e.total + ': ' + e.loaded / e.total * 100); }; return _xhr; } До этого делал нативным способом. Поведение не меняется.
Спасибо!
-
By R45H
Буду очень благодарен, если вы мне подскажите, как можно решить проблему.
Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff.
Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности.
Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок.
Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет).
Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме:
- пропорциональное уменьшение картинок;
- блоки с синей обводкой растягиваются на всю оставшуюся высоту;
- голубой и зелёный блоки подстраиваются по высоте друг под друга (неважно где сколько текста);
- на планшетах всё должно разворачиваться по-бутстраповски (как сейчас в примере).
Заранее спасибо за помощь.
-
By Antoshka007
Всем привет!
Никто не сталкивался с такой проблемой в Safari: при загрузке файлов на сервер (когда загрузка протекает не очень быстро) в событии progress свойство e.total увеличивается в 2 раза? То есть e.loaded принимает значение e.total, а после этого e.total становится 2*e.total и e.loaded снова начинает расти.
Заранее спасибо!
-