Задать вопрос
Ответы пользователя по тегу CSS
  • Что не так в этой вёрстке с grid для Safari?

    @catch-a-chalk
    Задать фиксированную величину - неплохая идея, но нужно тогда предусмотреть переполнение контентом внутри карточки и прописать в стилях скролл.

    У меня была схожая проблема: внутри флекс-контейнера изображение выбивало текст за пределы блока (и тоже только на сафари). Помогло свойство для изображения max-height: inherit;. А так как флекс-блок был внутри грид-сетки, высота подогналась по родителю.
    Ответ написан
    Комментировать
  • Как выполнить ëфикацию без сторонних библиотек?

    @catch-a-chalk
    В общем, если все буквы «е» без исключения, то так:

    function replaceE(node) {
        if (node.nodeType === Node.TEXT_NODE) {
            node.textContent = node.textContent.replace(/е/g, 'ё').replace(/Е/g, 'Ё');
        } else {
            node.childNodes.forEach(replaceE);
        }
    }


    А если учитывать контекст, то нашел на просторах модуль (сам не пробовал): https://github.com/e2yo/eyo-kernel
    Ответ написан
    Комментировать
  • Как Clamp влияет на производительность, если его везде использовать?

    @catch-a-chalk
    Привет! Если вкратце, то использование математических функций типа clamp(), calc(), sin() и других действительно нагружают браузер.

    Если чуть подробнее, то затрачивается больше ресурсов при рендеринге, а при большом количестве стилей с функциями гарантированно будет доп. нагрузка, плюс легче запутаться при отладке. Короче, есть ли смысл заморачиваться с выбором между удобством и производительностью? @media и лайтхаус в помощь :)
    Ответ написан
    Комментировать
  • Как понять откуда лишнее пространство у страницы?

    @catch-a-chalk
    Можно попробовать инспектировать пространство через курсор в панели разработчика (Ctrl + U). Еще может быть такое, что есть где-то флексы или гриды (чаще хедер и футер), которые сдвигают страницу за счет дочерних элементов с паддингами.
    Ответ написан
    Комментировать