Загрузка...

[HTMl] [CSS] Адаптивная вёрстка | Problems

Тема в разделе Frontend создана пользователем AlekseGolubev 23 фев 2020. 162 просмотра

Загрузка...
  1. AlekseGolubev
    AlekseGolubev Автор темы 23 фев 2020 66 20 авг 2019
    Всем ку, такая вот проблема с адаптивной вёрсткой:

    В ширину - она адаптируется, а в высоту - не хочет.

    Прикрепляю cod (HTML):
    HTML
    <body>

    <div class="Golubev"><a href="https://vk.com/id361192721
    " target="_blank">Alexandr Golubev</a></div>

    </body>

    Код
    *, *:before, *:after {

    box-sizing: border-box; }

    .Golubev a {
    width: 100%;
    height: auto;
    text-decoration: none;
    color: rgb(233, 12, 237);
    transition: 0.5s;
    letter-spacing: 5px;

    }

    .Golubev a:hover {
    width: 100%;
    height: 100;
    transition: 0.5s;
    color: rgb(29, 215, 240);
    letter-spacing: 5px;
    }

    .Golubev {
    width: 100%;
    height: auto;
    color: rgb(233, 12, 237);
    font-size: 350%;
    overflow: auto;
    text-align: center;
    font-family: 'Odibee Sans', cursive;
    letter-spacing: 5px;
    position: all;
    margin: 220px auto 0 auto;
    display: block;
    text-decoration: none;


    }
     
  2. Quant_
    Quant_ 23 фев 2020 Заблокирован(а) 77 5 дек 2019
    У тебя стоит height: 100;
    А нужно height: 100px;
    Возможно в этом ошибка, будь внимательнее
    --- Сообщение объединено с предыдущим 23 фев 2020
    Там где .Golubev a:hover
     
  3. AlekseGolubev
    AlekseGolubev Автор темы 23 фев 2020 66 20 авг 2019
    Quant_, Мне нужна адаптивность сайта. Поэтому нужно указывать всё в процентах)
     
  4. Quant_
    Quant_ 23 фев 2020 Заблокирован(а) 77 5 дек 2019
    Дак у тебя height: 100; не будет работать, потому что в конце числа "100" должно быть либо px, либо em, либо те же %
     
  5. AlekseGolubev
    AlekseGolubev Автор темы 23 фев 2020 66 20 авг 2019
    Quant_, Я поставил давно %, но всё равно она не адаптировалась под экран. В этом и проблема.
     
  6. Quant_
    Quant_ 23 фев 2020 Заблокирован(а) 77 5 дек 2019
    Подожди, а в чём суть задачи?
     
  7. AlekseGolubev
    AlekseGolubev Автор темы 23 фев 2020 66 20 авг 2019
    Quant_, Адаптировать сайт под все экраны
     
  8. CheesyBoy
    CheesyBoy 29 фев 2020 2 3 фев 2019
    используй media
     
Top