html - Height or Width Media Query Not Working -


I'm trying to set some media queries in my HTML but I have a problem. I would like to see the device's width and height and query to use the appropriate stylesheet. It looks at the height, but not the width, as much as I can tell. Here's my code: 

  & lt; Link rel = "stylesheet" media = 'screen and (minimum-width: 1500px), screen and (minimum height: 701px)' href = 'style.css "type =" text / css "/> gt; & lt; Link rel = "stylesheet" media = 'screen and (minimum-width: 1000px) and (max-width: 1499 px), screen and (minimum height: 501 px) and (max-height: 700px)' href = 'Tablet .css "type =" text / css "/> & Lt; Link rel = 'stylesheet' media = 'screen and (max-width: 99px), screen and (max-height: 500px)' href = 'mobile.css' type = 'text / css' />

With this code, you can have two stylesheets loaded at the same time. They can interfere with each other, and I think that this is not what you want. For example, width = 1200 px and height = 400 pixels tablet.css will be loaded (due to width) and mobile css (due to height) I think It is not what you want because when you build your CSS rules, these interactions must be kept in mind.

Nevertheless, most responsive web sites look at the width of the CSS to just set the proper rules.

For example, see how Bootstrap creates its responsive grid system:


Comments

Post a Comment

Popular posts from this blog

eclipse plugin - Run java code error: Workspace is closed -

To create an automated project, I created a plug-in project with the following dependencies: Org.eclipse.core.resources org.eclipse.equinox.registry org.eclipse.core.runtime and the following The Java class is located in the src folder: Package Examiner; Import org.eclipse.core.resources.IProject; Import org.eclipse.core.resources.IWorkspaceRoot; Import org.eclipse.core.resources.ResourcesPlugin; Import org.eclipse.core.runtime.CoreException; Import org.eclipse.core.runtime.IProgressMonitor; Import org.eclipse.core.runtime.NullProgressMonitor; Public class tes {public static zero main (string [] args) {// TODO auto generated method stub IProgressMonitor progress monitor = new NullProgressMonitor (); IWorkspaceRoot root = ResourcesPlugin.getWorkspace (). GetRoot (); Ipoject project = root.jetproject ("desired projectname"); Try {Project.create (progress monitor); Project.open (progressMonitor); } Grip (CoreException E) {// TODO Auto generated blocking block e....
Read more

ios - How do I use CFArrayRef in Swift? -

I am using Objective-class in my Swift Project through a bridging header. The method signature looks like this: - Some cement (some type) some parameters; I started by getting an example of class, calling method, and storing the value: var myInstance = MyClassWithThatMethod (); Var cfArr = myInstance.someMethod (some value); Then try to get the value in the array: var valueInArrayThatIWant = CFArrayGetValueAtIndex (cfArr, 0); However, I get the error unmanaged & lt; Cfarray & gt; Not like 'CFArray' . Unmanaged & lt; Cfarray & gt; also means? I looked, but I do not need to change the array in a fast array (though it would be good). I need to be able to get value from the array. I also tried CFArray method to pass in a function: func doSomeStuffOnArray (myArray: NSArray) {} Although I get the same error when using: doSomeStuffOnArray (cfArr); // unmanaged & lt; CFArray & gt; I am using CFArray because I want to sto...
Read more

scala - Play Framework - how to bind form to a session field -

Is there any way, I can get some parameters from the header, cookies (log in userId in my case) , And then apply it in a form which I know who will deposit the ticket? SupportForm supportForm: form [supportTicket] = form (mapping ("question" -> text, "priority" -> text) (apply support ticket. (HelpText.update) What are the good practices here? What is the call to apply the request, when I can use it (and also a good practice?) Edit An issue, absolutely deceiving anyone if I were to create a hidden area with this value. It could Ript, but the issue may be re-used in any way to verify and return the form, it can not be sure how it ....
Read more