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

• #1261 Joci93 senior tag

  Új Válasz 2014-10-11 16:47:46 #1261

  Ú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

  Privát üzenet küldése

  

  Joci93

  senior tag

  Sziasztok!

  Van egy oldal, ami 1620px széles (és nagyobb) felbontásra lett tervezve, ezért kisebb felbontáson megjelenik a horizontális slider, amivel nem is lenne semmi gond, de ha oldalra scrollozunk, akkor minden eltűnik, csak a beírt szöveg marad meg. (Eltűnik a háttér, a hírdoboz, a slider jobb oldali része és így tovább). Ha a böngésző ablakát nagyobbítjuk, akkor minden rendesen megjelenik.

  Gondoltam arra, hogy a width:100% miatt van, de miután átírtam, azután is olyan maradt. Próbálkoztam már mindennel, de mindig eltűnnek a dolgok.

  Valaki találkozott már ilyennel?

  

• #1246 Joci93 senior tag martonx #1244

  Új Válasz 2014-09-23 16:23:48 #1246

  Ú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

  Privát üzenet küldése

  

  Joci93

  senior tag

  válasz martonx #1244 üzenetére

  Értem. Köszönöm.

• #1243 Joci93 senior tag

  Új Válasz 2014-09-23 10:55:39 #1243

  Ú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

  Privát üzenet küldése

  

  Joci93

  senior tag

  Hali!

  Ez a @media felosztás még használható? (szerintem nem, mert az okostelefonoknál max 480px szélességet figyel. Manapság meg már találni full HD felbontású telót is. ) Vagy én nem értek valamit...ha valaki Galaxy S5-ről nézi az oldalt, akkor annak a "large screen" css fog betöltődni?

  /* Smartphones (portrait and landscape) ----------- */
  @media only screen
  and (min-device-width : 320px)
  and (max-device-width : 480px) {
  /* Styles */
  }
  
  /* Smartphones (landscape) ----------- */
  @media only screen
  and (min-width : 321px) {
  /* Styles */
  }
  
  /* Smartphones (portrait) ----------- */
  @media only screen
  and (max-width : 320px) {
  /* Styles */
  }
  
  /* iPads (portrait and landscape) ----------- */
  @media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px) {
  /* Styles */
  }
  
  /* iPads (landscape) ----------- */
  @media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation : landscape) {
  /* Styles */
  }
  
  /* iPads (portrait) ----------- */
  @media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation : portrait) {
  /* Styles */
  }
  
  /* Desktops and laptops ----------- */
  @media only screen
  and (min-width : 1224px) {
  /* Styles */
  }
  
  /* Large screens ----------- */
  @media only screen
  and (min-width : 1824px) {
  /* Styles */
  }
  
  /* iPhone 4 ----------- */
  @media
  only screen and (-webkit-min-device-pixel-ratio : 1.5),
  only screen and (min-device-pixel-ratio : 1.5) {
  /* Styles */
  }

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