Jump to content

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 снова начинает расти.

      Заранее спасибо!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy