PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Thu Dec 03, 2020 11:47 am

All times are UTC - 5 hours




Post new topic Reply to topic  [ 2 posts ] 
Author Message
 Post subject: Media query Help?
PostPosted: Mon Dec 01, 2014 1:05 am 
Offline
Forum Commoner

Joined: Fri Oct 10, 2014 2:30 am
Posts: 33
I am trying to get my website to be responsive and I am testing it on the Ipad2 yet I can not get it to be responsive.

On my HTML and I added the meta name...

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<HTML>
{background-color: red}

and in the CSS I have added the query...

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)

{background-color: blue;}

So In theory, the ipad should display my background as blue which it does but so does my desktop. Why is my desktop (screensize 1280 x 800) change to background-color blue?

Thanks


Top
 Profile  
 
 Post subject: Re: Media query Help?
PostPosted: Mon Dec 01, 2014 8:46 am 
Offline
Moderator
User avatar

Joined: Tue Nov 09, 2010 3:39 pm
Posts: 6425
Location: Montreal, Canada
Works fine for me. To what selector are you applying the red background?

_________________


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 9 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group