CODEWITHSUNDEEP
ioscsswidthmedia-queries
AspiringCanadian
AspiringCanadian

Reputation: 1675

Media query not working properly

Project link:

http://camilo.jacobercreative.com/

Following are the media queries that were premade, I cannot and am not allowed to change them sadly. The issue at hand however is, that the devices pick the smaller respecitve resolution. What I mean by that is, that if the device is supposed to pick the css from suppose (min-width: 992px) and (max-width: 1200px), it picks it from (min-width: 768px) and (max-width: 991px). Hope this makes sense, I cannot seem to find the reason for this.

/*iPhone*/
@media screen and (max-width: 399px) {}

/*Big Phones Portrait and iPhone Portrait*/
@media (min-width: 400px) and (max-width: 639px) {}
/*Big Phones Landscape*/
@media (min-width: 640px) and (max-width: 767px) {}
/*Tablet Portrait*/
@media (min-width: 768px) and (max-width: 991px) {}
/*Tablet Landscape*/
@media (min-width: 992px) and (max-width: 1199px) {}
/*Medium Pcs*/
@media (min-width: 1200px) and (max-width: 1279px) {}
/*Less than equal to 1360*/
@media (min-width: 1280px) and (max-width: 1299px) {}
/*Full width pc*/
@media (min-width: 1300px) and (max-width: 1301px) {}

@media (min-width: 1302px) and (max-width: 1599px) {}

@media (min-width: 1600px) and (max-width: 1601px) {}

@media (min-width: 1602px) {}

Upvotes: 0

Views: 607

Answers (1)

AspiringCanadian
AspiringCanadian

Reputation: 1675

I had accidentally clicked Ctrl+Plus somehow, my view in firefox was zoomed in, and I was testing on iPad, so two coincidences led me to believe something was wrong with the media query.

Upvotes: 0

Related Questions