Magic Has Happened but Not on iOS

Yes, you can’t work with a zoom that isn’t 100% on Webflow. You will get unexpected results.

If you set everything at 100% the error messages should disappear.

@vincent I know that . You asked me to send screen shots by zooming window thats why I did it. I work only on normal view. Any solution for my problem ?

Oh no sorry I didn’t asked for that, I wanted to see it unchanged. At 100%. Like the last one you gave me but at 100%, not 110%.

This is what you meant ?

@vincent Please above screen shot

Yes, thanks, and sorry because I made you do much things.

I just found out what the problem is: many aspects of your designs have positions relative to browser height.

Look:

You have used VH as a unit for many things, VH means “percentage of the browser height”. So your design has different results depending on browser height.

@vincent This is 100% of webflow screen . No worries , Please let me know if you are near to solution .

@vincent VH is used as suggested by @PixelGeek in email . Why VH is used because the layout was stretching vertically and was not getting displayed properly . I have noticed this problem before using VH as well , that DIV stand & DIV stairs are not coming up properly in iOS

Yes they do. There is no bug, and nothing to do with iOS either. Everything is dictated by the height of the screen. Take an Android or Windows Phone with the same size and ratio screen than the iPhone 4 and you’ll get exactly the same result. Resize a browser to get the same screen size than an iPhone 4 and you get the same result.
http://vincent.polenordstudio.fr/snap/l3u8r.jpg

@ So using % will solve the problem ?

None in this case, it’s not about the unit, it’s about how it’s built. % are relative to parents that have defined dimensions. I wouldn’t know how to make it work with this structure.

Use an SVG image for the whole design if you want it to shrink and keep all its properties. Or use % but everything that has to shrink must be at the same level, and their common container can maybe has a VH height… I don’t even know if that works really.

1 Like

@vincent so using % will solve the problem ?

1 message is enough :wink:


1 Like

@vincent Thanks for your efforts . What you say about this screen shot from Samsung Tab 3 default browser . And surprisingly same thing on chrome is Magic

This screen shot is from same device that is Samsung Tablet 3 but browser is chrome . I have no idea why these are giving so many problems .

All mobile devices have different screen sizes and default browsers. To make an elastic design, that use 3D transforms, on everything, is… ambitious :slight_smile:

@vincent what you suggest overall I create all these graphics use SVG ? and no or limited 3D or transforms ? :astonished: :disappointed_relieved:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.