new Iphone X and Xara

**behzad** · 02 October 2018, 11:10 AM

Thank you for that info. I did check with different browsers but I do not have the privilage of pitching out $1300 for an iphone x and this was not the case before its release. Also I use the following site and tried to consider both tablet and phone resolution and come up with a mobile resolution that would suite most, which it did until the iphone x.

https://www.mydevice.io/

I am not sure If I was not clear about my question, The iphone x looks great with my clients site but when I turn the iphone side ways (looking at it at its physical size of 2436x1125 and CSS size of 812x375 this is where the website does not fit the screen.

Iphones in the past and other mobiles including the samsung all fit the width of the window regardless of the size of the layout, this is built into the hardware I believe but the new Iphone did not.

P.S. I would be caught dead to have 3 or more different variations of websites designed, If that is the only solution then I would have to use another software.

**behzad** · 02 October 2018, 11:22 AM

Also when I checked my traffic stats from an apple store that I used the iphone x with, the resolution is 414 x 896 for the iphone x.

**pauland** · 02 October 2018, 11:41 AM

Originally Posted by behzad

Also when I checked my traffic stats from an apple store that I used the iphone x with, the resolution is 414 x 896 for the iphone x.

That resolution is for the iPhone XR.

https://www.paintcodeapp.com/news/ul...ne-resolutions

[ apologies for mis-reading your original post - you were concerned about landscape not portrait - doh!

The 812 landscape width exceeds the 600 mobile breakpoint so you are trying to show a page that is 1130 pixels wide on a device that has an 812 pixel wide viewport - it doesn't fit.

@Gary - why is this in Dear Xara? ]

**behzad** · 02 October 2018, 12:51 PM

Yes with the introduction of this phone this is what happens. Before this phone the iphone X, Xs and iphone 6-8+ would show the mobile when viewing horizontally. What is your suggestion now that this is the case with the new Iphones? I do not want to make another variation of the mobile.

If I increase the size of the mobile to 670px in xara then it supports up to 900px. But what if in future iphone comes up with bigger size screens, this will be an ongoing problem? No wonder people use responsive web design.

**Rob-Xar** · 02 October 2018, 01:14 PM

Hi Behzad,

This sounds familiar, I'll check if we've logged anything or not but I'm sure it should resize so that you don't have to pinch to re-zoom. If not I'll get it logged!

Thanks
Rob

**pauland** · 02 October 2018, 01:16 PM

Originally Posted by behzad

No wonder people use responsive web design.

Even with responsive design, people use variants for different form factors.

**behzad** · 02 October 2018, 01:23 PM

Thank you Rob, I do very much appreciate all the efforts you make. The two websites of my clients are in the xara web gallery for their referal to test with the iphone xr or xsmax, they both support resolution of 414x896 but tilted that would be 896x414. Before the new iphones even tilting it on an ipad which has a higher resolution did fit the Main page size of 1130 px perfectly but on the iphone it does not. Looking forward to a solution.