Задать вопрос

ZaxapKramer

Больной верстальщик
Ответы пользователя по тегу HTML

  • Как компилировать Pug в статичный HTML с помощью Brunch?

    @ZaxapKramer Автор вопроса
    Больной верстальщик
    В итоге использовал pug-brunch-static.

    А по поводу pugjs-brunch:
    Я считал, что
    здесь
    Static: Plain HTML files from pug templates in the assets directory
    говорилось о возможности компиляции *.pug-шаблонов в статичные html-файлы... но, видимо, не так понял их английский или, все же, не смог настроить.
    Ответ написан
    Комментировать
    Комментировать

  • Почему rem'ы работают так при размере шрифта в html в процентах (в Chrome)?

    @ZaxapKramer Автор вопроса
    Больной верстальщик
    Ранние попытки решить проблему.
    Как уже заметили (спасибо большое за это) данная проблема замечена только в Chrome.
    Придумал задать стили вот так, работает, как ни странно:
    html {
  font-size: calc(6.25% + 1px - 1px) /* (100% * 1px / 16px = 6.25 | 1rem = 1px) */
  /* 6.25% + 1px - 1px = 6.25%, логично, забавно */
}

body {
  font-size: 16rem; /* 16px */
  margin:    16rem; /* 16px */
}


    Либо так - тоже работает:
    html {
  font-size: calc(6.25% + 0px) /* (100% * 1px / 16px = 6.25 | 1rem = 1px) */
  /* 6.25% + 0px = 6.25%, все также логично, только еще проще и "страннее" */
}


    P.S. В IE оно каким-то боком крашится: font-size: 0.3px. Даже font-size: calc(6.25%), который везде равен 6.25% (в хром, конечно же, не меньше 6px), равен там 0.3px.

    P.P.S. Данный хак можно применить только для Chrome (webkit) одним из таких способов:
    browserhacks.com/#ch


    Окончательное решение было найдено совершенно случайно. От части, на просторах интернета, от части, из проб и ошибок при попытках решить проблему.
    /* Использование em вместо % */
html {
  font-size: 6.25%; /* (font-size: .0625em) на всякий случай */
  font-size: calc(1em * .0625)
}

    Почему не .0625em? Это объясняется багом в IE, в котором единицы высчитываются неверно.
    В добавок, таким образом исправляется баг (фича) в webkit-браузерах, описанный подробнее в ответе Ankhena W, за что ей спасибо.

    Теперь мы можем использовать rem подобно px! Just use It!
    Ответ написан
    Комментировать
    Комментировать

  • Как выравнивать текст и иконку по фен шую?

    @ZaxapKramer
    Больной верстальщик
    Если в Вашем случае все работает, значит, этого достаточно. Нет ничего такого в этом:)
    Ответ написан
    Комментировать
    Комментировать

  • Замедляет ли Атрибут width="100%" загрузку iframe и картинок?

    @ZaxapKramer
    Больной верстальщик
    Асинхронная загрузка не означает параллельное ее окончание: все загружается по мере того, как оно загружается. Также, судя по вопросу, Вы сомневаетесь в самом факте асинхронности. Тогда спрошу: как "выглядит" Ваша задача, что загружается iframe, что это за страница у вас вообще такая? Iframe вписан в html (в виде "тега") или добавляется посредством JavaScript?
    А вот width="100%" вряд ли что-то здесь вообще решает. И, осмелюсь сказать, что все нормальные люди уже давно прописывают стили в CSS, а не в атрибутах тега - такая "манера" уже давно устарела:)
    На загрузку картинок тех же СТИЛИ вообще никак не влияют - мое мнение. В чем-то ошибаюсь - скажите. Максимум display:none; в старой Опере и, возможно, каких-то других мне неизвестных динозаврах говорит браузеру не загружать такое содержимое.
    Ответ написан
    2 комментария
    2 комментария

  • Есть ли способ задать пользовательские стили тегу audio через css?

    @ZaxapKramer
    Больной верстальщик
    Может, немного не по теме, но почему бы не использовать библиотеку Audio.js?
    Все приводится к общему виду, так или иначе. А это - именно то, что Вам нужно.

    P.S. Отображение плеера в тех же Chrome и Firefox слишком разнится, чтобы просто стилями пытаться приводить их к общему виду - мое мнение.
    Ответ написан
    1 комментарий
    1 комментарий