Ответы пользователя по тегу Вёрстка
  • Почему при абсолютном позиционировании padding родителя применяется только к 2 сторонам?

    @flammerman
    Web Developer / И фронт и сервер
    Абсолютное позиционирование у блочного элемента уже имеет ширину родителя и высоту согласно контенту внутри абсолютного блока. Если вы хотите задать высоту абсолютного блока равным родительскому, достаточно прописать height:100%; В вашем случае понадобится только задать позицию относительно родительского (просто прибить его к какому-либо краю, например через CSS position:absolute;left:0px; top:0px;) https://jsfiddle.net/1aLb04bk/1/

    И забыл добавить. Абсолютный блок, он как бы не совсем находится физически внутри родителя relative. Он лишь наследует координаты родителя и далее в зависимости от высоты и привязки к краям родителя легко меняет высоту роста вверх или вниз, а при желании и ширину =) https://jsfiddle.net/1aLb04bk/2/ Старайтесь не использовать абсолют без крайней необходимости, особенно в эпоху флексбоксов.
    Ответ написан
    Комментировать
  • Bootstrap: несколько вопросов?

    @flammerman
    Web Developer / И фронт и сервер
    1. .container {width:100%;max-width:1220px;} .container-fluid??? Забудьте про него. Приктически нигде не нужен.
    2. Во-первых если max-width то 767px. Если min-width то 768px. min-width = движение вперед к увеличению размера, проще говоря, движение "от". max-width движение ширины "до". То есть, если вы пропишите max-width 767px, то у вас будут применяться все стили внутри этого медиа запроса для любой ширины экрана до 768px. min-width действует наоборот. min-width 768 px стили будет применяться для любой ширины экрана от 768 до бесконечности.
    3.
    <!-- bootstrap сетка -->
    <div class="bootstrap-grid">
    <div class="row">
        <div class="col-6">
            inner html    
        </div>
        <div class="col-6">
            inner html
        </div>
    </div>
    </div>
    
    <!-- своя сетка -->
    <div class="custom-grid">
        inner html
    </div>

    Что не так ??

    4. Я использую с обязательным тестированием. Но чет они зависли с альфой очень надолго.
    5. Используйте bootstrap 3 - без flex или 4 bootstrap - он полностью на флексбоксах.
    6. Bootstrap 4 и SASS!!!
    Ответ написан
    Комментировать
  • Масштабирование как способ тестирование верстки - бред?

    @flammerman
    Web Developer / И фронт и сервер
    Полный бред. Масштабирование используется для других задач. Самое простое тестирование это изменение размера окна браузера. Не панацея, но в 80%-90% случаев, что будет выглядеть на большинстве устройств именно так. Для такого-же процента сайтов данный вид тестирования вполне себя окупает. Я лично верстаю на bootstrap. Недавно перешел на их flex модель в 4 версии. Правда, никак не пойму они вообще собираются делать релиз или так и будет висеть в виде alpha.
    Ответ написан
    Комментировать