• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Automatyczne dostosowanie wymiarów

VPS Starter Arubacloud
0 głosów
315 wizyt
pytanie zadane 16 października 2016 w HTML i CSS przez Bakr Mądrala (6,850 p.)
Witam,

 

W jaki sposób dostosować rozmiary elementu na stronie?

Chodzi o to, że ustawiłem szerokość elementu na 25%, a wysokość na 200px, aby tworzył koło (border-radius). Bez ustawienia szerokości powstawała elipsa, bo ikona (czcionka) wewnątrz elementu nie zajmowała jego całej wysokości.

Natomiast przy zmniejszenie rozdzielczości z elementu tworzy się elipsa.

 

Moje pytanie- czy da się zrobić tak, aby wysokość pozostawała dokładnie taka sama jak szerokość przy zmianie rozdzielczości?
komentarz 16 października 2016 przez ScriptyChris Mędrzec (190,190 p.)

Pokaż kod.

Moje pytanie- czy da się zrobić tak, aby wysokość pozostawała dokładnie taka sama jak szerokość przy zmianie rozdzielczości?

Prawdopodobnie szukasz CSSowego transform: scale(x, y) => https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale

komentarz 16 października 2016 przez Bakr Mądrala (6,850 p.)
                <section class="about">
           <div class="container">
    
    
<div class="col-25 tab-50 project-box">
        <div class="icon">
            <span class="flaticon-vehicle-speedometer"></span>
        </div>
    <h2>SZYBKOŚĆ</h2>
    </div>
<div class="col-25 tab-50 project-box">
      <div class="icon">
    <i class="flaticon-backup"></i>
</div>
        <h2>KOPIE ZAPASOWE</h2>
</div>  
<div class="col-25 tab-50 project-box">
    <div class="icon">
        <span class="flaticon-coding"></span>
    </div>
    <h2>PHP 7</h2>
</div>
<div class="col-25 tab-50 project-box">
    <div class="icon">
    <span class="flaticon-locked"></span>
    </div>
    <h2>BEZPIECZEŃSTWO</h2>
</div>

    </div>
</section>

 

 

.icon
{
    border: 2px solid white;
    border-radius: 100%;
    height: 260px;
    margin-top: 20px;
}

.col-25
    {
        width: calc(25% - 20px);
        float: left;
        margin-left: 8px;
        margin-right: 8px;
        color: white;
    }

 

 

 

komentarz 17 października 2016 przez pablop76 VIP (123,460 p.)
Czy te elementy maja się skalować , czy mają mieć stały rozmiar ?

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 277 wizyt
+1 głos
2 odpowiedzi 719 wizyt
pytanie zadane 27 czerwca 2018 w C i C++ przez Hiskiel Pasjonat (22,830 p.)
0 głosów
1 odpowiedź 238 wizyt

93,078 zapytań

142,041 odpowiedzi

321,445 komentarzy

62,423 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...