Загрузка...

[HTMl] [CSS] Responsive layout | Problems

Thread in Frontend created by AlekseGolubev Feb 23, 2020. 169 views

  1. AlekseGolubev
    AlekseGolubev Topic starter Feb 23, 2020 66 Aug 20, 2019
    Всем ку, такая вот проблема с адаптивной вёрсткой:

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

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

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

    </body>

    Code
    *, *: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. renameduser_2825074
    renameduser_2825074 Feb 23, 2020 Banned 76 Dec 5, 2019
    У тебя стоит height: 100;
    А нужно height: 100px;
    Возможно в этом ошибка, будь внимательнее
    The post was merged to previous Feb 23, 2020
    Там где .Golubev a:hover
     
  3. AlekseGolubev
    AlekseGolubev Topic starter Feb 23, 2020 66 Aug 20, 2019
    renameduser_2825074, Мне нужна адаптивность сайта. Поэтому нужно указывать всё в процентах)
     
  4. renameduser_2825074
    renameduser_2825074 Feb 23, 2020 Banned 76 Dec 5, 2019
    Дак у тебя height: 100; не будет работать, потому что в конце числа "100" должно быть либо px, либо em, либо те же %
     
  5. AlekseGolubev
    AlekseGolubev Topic starter Feb 23, 2020 66 Aug 20, 2019
    renameduser_2825074, Я поставил давно %, но всё равно она не адаптировалась под экран. В этом и проблема.
     
  6. renameduser_2825074
    renameduser_2825074 Feb 23, 2020 Banned 76 Dec 5, 2019
    Подожди, а в чём суть задачи?
     
  7. AlekseGolubev
    AlekseGolubev Topic starter Feb 23, 2020 66 Aug 20, 2019
  8. CheesyBoy
    используй media
     
Loading...
Top