Join now - be part of our community!

Landscape to portrait browser/website scale bug

BPZ-Design
Visitor

Landscape to portrait browser/website scale bug

Got myself an Sony Xperia Z5 not to long ago and i must admit im very pleased by its performance and battery life. As webdesigner i ran into an problem which only occurs on my Xperia Z5. All other mobile brands dont have this problem with the page im working on. The issue: when changing from landscape to potrait or vice versa, the content doesn't increase in size propperly. Before i start digging deep i like to know if this has something to do with the Xperia settings?
first image is taken from an s6 and the second is from my Xperia. These photos where taken after changing from potrait to landscape. On page load the size is propper. http://imgur.com/a/L7W5l

I also seen this happen on a various of other websites
Tags (1)
6 REPLIES 6
profile.country.GB.title
Uliwooly
Expert

@BPZ-Design

Could you post few links to websites were you encounter this problem? also are you using HTML5 or Flash or what are you using on your website?

profile.country.GB.title
Uliwooly
Expert

@BPZ-Design

Chrome > menu > settings > accessibility > force enable zoom 

could you check which chrome version do you have on your Z5 and the other devices?

BPZ-Design
Visitor

Both phones running latest versions of all apps on the phone. I also tested on iphones which were working fine. Im currently reproducing the bug.

BPZ-Design
Visitor

Oke found it. It's within Visual Composer. The full width content option on row settings is the reason for the issue. 

The full width content row container get's an fixxed width from javascript based of the screen size. What's wrong with 100% width? Seems like Visual Composer went hacky using negative margins paired with container width in pixels obtained with JS. Ugh.

The full width background-color from Visual Composer is also terrible when it comes to browser resizing...

I think i should speak with Visual Composer, azuming their team has allot more knowledge about the reasoning of this compared to me.

Edit: I don't know why this happens only on my Sony. Guessing it has to do with the JavaScript in which im not very skilled yet.

Edit2: I like to think its the Sony's speed that makes it bug Grinning_Face

Can someone else with an Xperia Z5 confirm this is bugged when changing from potrait to landscape or vice 

BPZ-Design
Visitor

Just found out the bug is not gone yet and still is only presented on my Sony Xperia Z5. Growing tired of this. Think i will open just another support ticket at Sony as it's the only mobile brand (only tested on Xperia Z5) that has this bug.

profile.country.GB.title
Uliwooly
Expert

@BPZ-Design

did you figured it out?