CodingForums.com - View Single Post

MrTIMarshall · 11-15-2012, 12:08 PM

Code:

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
  body {
    background: #ccc;
  }
}

So an iPhone is 320x480, what do I do so it has a different layout based on an exact width?

Edit: Oh and does anything else need to be implemented for those phones with tilting software on, I presume just another width?

11-15-2012, 12:08 PM	PM User \| #4
MrTIMarshall Regular Coder Join Date: Nov 2010 Posts: 347 Thanks: 44 Thanked 1 Time in 1 Post	Code: @media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) { body { background: #ccc; } } So an iPhone is 320x480, what do I do so it has a different layout based on an exact width? Edit: Oh and does anything else need to be implemented for those phones with tilting software on, I presume just another width? Last edited by MrTIMarshall; 11-15-2012 at 12:10 PM..