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

• #1293 adam_ senior tag

  Új Válasz 2014-11-09 17:40:28 #1293

  Ú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

  

  adam_

  senior tag

  Van egy elkészült index.html és hozzá tartozó style.css. Ezt az indexet szeretném úgy formázni, hogy mobil eszközökön is szépen látszódjon a rajta lévő tartalom (menüvel, logóval, tartalommal...), etc. megfelelően méretezze át. Dreamweaver cc-ben viszont, ha beírom a style.css aljára a lentebb látható kódot, akkor már normál PC monitoron is átállítja a logo méretét, menübár szélességét ilyen paraméterekre. Mit rontottam el, miért nem csak akkor adja be ezeket a méret és egyéb módosításokat, amikor lekicsinyítem az ablak méretét? Előre is köszönöm a segítségeteket!

  @media only screen and (min-width: 150px) and (max-width: 600px)
  {
  .body {
  width: 90%;
  font-size:95%;
  }
  .mainHeader img {
  width: 100%;
  }
  
  .mainHeader nav {
  height:160px;
  }
  
  .mainHeader nav ul {
  padding-left:0;
  }
  
  .mainHeader nav ul li {
  width:100%;
  text-align:center;
  }
  }

  Közben rájöttem, hogy kétszer volt írva a min-width az első sorban.

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