KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I have a HTML like: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Code: NewYork</title> <link rel="stylesheet" href="test.css" /> </head> <body data-ng-app="us"> <input type="text" /> </body> </html> and my CSS is: input { background-color: red; } /* ---- Desktop */ @media only screen and (min-width: 1000px) and (max-width: 1200px) { input { background-color: green; } } now the CSS applies when the window is at 909px width. Obviously not a scrollbar problem. I am getting nuts with this simple problem. I tested it with Chrome and IE10 both the same. Can anybody please help what I am doing wrong here?
Tags (comma-separated)
Save Edits
Cancel