Új hozzászólás Aktív témák

• Taci addikt

  #8603

  #8602 Mr. Y

  2021-04-23 21:44:24

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Taci

  addikt

  #8602 Mr. Y

  #8602 Mr. Y

  Sziasztok!

  22-es csapdába estem.
  Adva van egy mező, nevezzük DIV-nek. Az alap CSS paraméterezése szerint ez asztali környezetben display: block;, míg mobil környezetben display: flex;.

  Csakhogy, ez a mező az oldal betöltésekor display: none; módon eltűnik és csak egy gombnyomással lehet visszahozni. A probléma a következő, JS oldalról:

  document.getElementByID("DIV").style.display = "block"; - ebben az esetben ugye megjelenik és asztali felületen kiváló, csak ugye BLOCK lesz az mobilnézetben is. Ugyan ez van természetesen fordítva is.

  Szeretnék egy olyan megoldást, ahol a JS figyelembe veszi, hogy a Weboldal mobilnézetbe van-e, vagy sem és eszerint jeleníti meg az adott mezőt. Van erre megoldás?

  Előre is köszönöm!

  Én a mobilos dolgokra egészen egyszerűen ezt használom:

  if (screen.width < 600){
}

  Aztán persze ezt az értéket (szélesség pixelben) finomhangolhatod magadnak, de én is csak találtam, és nekem tökéletesen működik chrome dev tools-ban a különböző előre beállított képernyőfelbontásokra.

Új hozzászólás Aktív témák