CodingForums.com - View Single Post

john love · 09-02-2010, 03:31 PM

My challenge is the proper use of @media selectors for just the iPhone, such as:

Code:

@media screen and (max-device-width:480px) and (orientation:portrait) {
#poemWrapper {
	text-align:     left;
	}
	
#poem {
	width:          auto;
	color:          #00f;     /* just for testing */
	}
}

This inline approach is not working for me.

I get a weak sister going with:

Code:

@media screen and (orientation:portrait)

but that will activate the iPad as well which is not what I want. I want to single out iPhone in the portrait orientation.

BTW, using only screen, versus just screen doesn't fix the problem.

HAALP!

John Love

09-02-2010, 03:31 PM	PM User \| #1
john love New Coder Join Date: Mar 2007 Posts: 24 Thanks: 1 Thanked 0 Times in 0 Posts	@media selectors for the iPhone My challenge is the proper use of @media selectors for just the iPhone, such as: Code: @media screen and (max-device-width:480px) and (orientation:portrait) { #poemWrapper { text-align: left; } #poem { width: auto; color: #00f; /* just for testing */ } } This inline approach is not working for me. I get a weak sister going with: Code: @media screen and (orientation:portrait) but that will activate the iPad as well which is not what I want. I want to single out iPhone in the portrait orientation. BTW, using only screen, versus just screen doesn't fix the problem. HAALP! John Love