Menu icon Foundation
iPhone 6 media queries

Hi guys,

Anyone come up with a modification of the standard Foundation 5 media queries to cater for the iphone 6 and 6plus? I want to keep both on the 'small' size without interfering with other devices...

Love to hear what you are doing to deal with these...I am using SASS by the way.

Cheers,

Will

media queriesiphone 6iphone 6 plus

Hi guys,

Anyone come up with a modification of the standard Foundation 5 media queries to cater for the iphone 6 and 6plus? I want to keep both on the 'small' size without interfering with other devices...

Love to hear what you are doing to deal with these...I am using SASS by the way.

Cheers,

Will

Hans McMurdy over 3 years ago

Zurb tweeted about this: https://twitter.com/ZURBfoundation/status/510430140879208449

The rule of thumb is you should be designing for breakpoints not screen resolution.
http://www.electrictoolbox.com/iphone-6-responsive-web-design/

Since you use sass (like developers should) go into the settings file and under "d. Media Query Ranges" (around line 150) and uncomment/change the following:

// $small-range: (0em, 40em)

Here is a px to em converter:
http://pxtoem.com/

The resolution in ems is
iphone 6 = 23.4383m x 41.688em

iphone 6 PLUS = 25,875em x 46.125

I haven't tested this myself because standard foundation breakpoints are good enough for my current need but feel free post your results.

I hope this helps.
- Hans

Will Fairhurst over 3 years ago

Han,

Thanks so much for that and sorry for the late reply....didn't get a notification that you had replied!

I have implemented your suggestions and they are working perfectly so thank you! Totally agree with the breakpoints versus resolution comment but the specific issue I was trying to resolve was on an older site which was back when we were more resolution focused!

Thanks again,

Will

Vinodh Vidhu 7 months ago

Along with iphone, I am using Playstation, so I wanted to install Kodi on PS4. I installed using this tutorial thanks

Binay Yadav 7 months ago

vShare is not available on iOS 10 and now anyone can download all paid apps for free.

Binay Yadav 7 months ago

Terrarium TV is also available on iPhone 6. 

terrariumtv & pc 5 months ago

Terrarium tv for iphone 6 download on this link for free.

adam 3 months ago

download for free btd5 apk

nitin tayagi 3 months ago

  1. To the one I love I wish you promise day 2018 images a good night the sweetest of kiss day images sweet dreams and enough joy happy hug day 2018 for you to wake up to.

Rohan patel 3 months ago

 You Ought to Attempt Minecraft mod APK packs, so they Alter minecraft a lot (but Normally still have the Identical Texture)
Should you download the Feed the Beast launcher, then you will Have the Ability to choose between several mod packs, Which Range from magic to mining to factorization to farm associated... Anything you need, there Ought to Be some for you
I am playing a set up, Agrarian Skies, but using all sorts of mods that allow you to create each of of the blocks that are available as time passes.
There are still if that's somewhat grindy for you.
A fantastic thing about the feed that the monster launcher is that each and every mod package has its own conserves, so you don't need to change mods on the package you need merely clicks, and a variant of minecraft with the mods that are ideal is opened. (you can still add or remove mods if you need)

 

And if you think then you can always get the GTA mod APK of 2018

Binay Yadav 3 months ago

How Would It Be If I Say, This Valentine 2018 Is Best Time For You To Get Your Partner? Yes, We Have Some Excellent Collection Of Happy Valentines Day Images 2018 For You That Can Help You To Entice Your Soulmate. Here Is Some Best Collection Of Happy Valentines Day Wishes 2018 For Her And Him. 

Ajay Singh 3 months ago

Hey guys

 

Last week I attended a seminar in coworking space delh 

 

As directed I can share the iphone 6 potrait mode media query :

 

@media only screen and (min-device-width: 375pxand (max-device-width: 667pxand (orientation: portraitand (-webkit-min-device-pixel-ratio: 2)

venkatesh 3 months ago

thanks for the great post seo consultant vizag he is one of the top digital marketing consultant in vizag he provide corporate website desig

Shubham Rawat 2 months ago

Online instagram downloader tool to download photos and videos is here. And instadown also helps you to download multiple images.

mehul 2 months ago

some problem here gapps apk

 

pakibuz 2 months ago

That is great news and post thanks man
hd wallpaper

 

movieboxforiphone 2 months ago

PlayBox app allows you to stream movies, TV series, cartoon and anime in HD from your iOS device. It supports iOS 6 and is confirmed working for iOS 9.0.2. Both Apple TV and Chromecast streaming are supported in this app. Visit This Official Site More Infor; http://movieboxhdapp.org

Vicki Casey 2 months ago

So what is the best to do for that?