We have answer of your question!

100% solved queries, no empty question

Question: getting min-width and min device width to work at the same time


0

Advertisement


This works on my iphone

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

This works in chrome

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

Can I get them working both on the same set of rules?

Question author Leblaireau | Source

Answer


1


Advertisement


Stick with just max-width and min-width in your queries unless you want specific small-device styles. Make sure you are using a <meta> tag in the <head> to get those queries to apply on small screen devices. <meta name="viewport" content="width=device-width,initial-scale=1.0">

Answer author Adam-simpson

Advertisement


Tickanswer.com is providing the only single recommended solution of the question getting min-width and min device width to work at the same time under the categories i.e responsive-design , width , media-queries , . Our team of experts filter the best solution for you.

Related Search Queries:

You may also add your answer!