Kilka dni próbuję zrobić wielkość div, jak obraz (proporcjonalnie).

Na przykład, jeśli mam div z wymiarami 500x140, chcę go na ponownym rozmiarze przeglądarki, aby reagować jak obraz, który ma szerokość = "100%". Dowiedz się podobne pytania, ale nie działały dla mnie.

Czy istnieje sposób na to, aby to zrobić (bez użycia manekiny)?

Edytuj: Wpisz opis obrazu tutaj

Str.s. Przepraszam za mój zły język angielski.

4
NoSense 7 grudzień 2013, 11:41

2 odpowiedzi

Zamiast ustawić wymiary jako numer pikseli, spróbuj ustawić go do procentu. Możesz również ustawić min-szerokość i większość

1
Johnny Harlamert 7 grudzień 2013, 07:42

Możesz użyć max-height i max-width.

PRÓBNY

div{
    max-height:100vh; /* or 100% */
    max-width:100vw;  /* or 100% */
} 

100vh oznacza 100% wysokości rzutowej i 100vw oznacza 100% widoku widoku widoku.

Możesz także użyć procentu. Procent weź szerokość nadrzędną. Na przykład, jeśli ustawisz max-width:50% dla elementu, zajmuje 50% szerokości rodzica (tak samo dla wysokości).

aktualizacja:

Możesz też używać zapytania o media, takie jak:

@media all and (max-width: 500px) {
  div {
    /* some style */
  }
}

Ten kod działa, gdy max-width jest równy 500px. Oto demo

0
Mohsen Safari 7 grudzień 2013, 08:02