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

catch-a-chalk

Ответы пользователя по тегу CSS

  • Как решить проблему с наложением в сафари?

    @catch-a-chalk
    Доброго времени суток :)
    Добавьте transform: translateZ(0);родительскому блоку с overflow: scroll;:

    .parent {
    height: calc(100% - 40px);
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
}
    Ответ написан
    Комментировать
    Комментировать

  • Что не так в этой вёрстке с 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). Еще может быть такое, что есть где-то флексы или гриды (чаще хедер и футер), которые сдвигают страницу за счет дочерних элементов с паддингами.
    Ответ написан
    Комментировать
    Комментировать