| Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum https://www.tinywebgallery.com/forum/ |
|
| iframe content does not resize on iOS https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=6064 |
Page 1 of 1 |
| Author: | lacanela [ 10. Apr 2019, 19:40 ] |
| Post subject: | iframe content does not resize on iOS |
Just bought pro versión. loaded iframe to this page: https://lacanela.com/motor/ iframe src located on the same domain. Everything works fine, with iframe content resizing / relocating perfectly on desktop browser. However on the iOS safari browser it doesn't work (right side disappears) I can supply the shortcode in a PM. Thanks |
|
| Author: | TinyWebGallery [ 10. Apr 2019, 21:58 ] |
| Post subject: | Re: iframe content does not resize on iOS |
Have you tried the scrolling IOS workaround already? Best, Michael |
|
| Author: | lacanela [ 11. Apr 2019, 11:08 ] |
| Post subject: | Re: iframe content does not resize on iOS |
Yes. same story. Also iframe loads much slower than the src page. This is the shortcode: [advanced_iframe use_shortcode_attributes_only="true" src="https://lacanela.com/tyc85kk/booking_engine.php" width="100%" height="600" enable_ios_mobile_scolling="true" id="advanced_iframe" url_forward_parameter="ALL" onload_resize="true" store_height_in_cookie="true" ] |
|
| Author: | lacanela [ 11. Apr 2019, 13:03 ] |
| Post subject: | Re: iframe content does not resize on iOS |
Here you can see how the content inside the iframe resizes perfectly when reducing the size of the browser window in Safari for MacOs: https://cl.ly/153bf3ed4adf However on an iPhone it looks like this: https://cl.ly/ca0b49a5cb64 Please advise. Thanks. |
|
| Author: | lacanela [ 12. Apr 2019, 08:55 ] |
| Post subject: | Re: iframe content does not resize on iOS |
Kindly reply ASAP, my web site project is on halt, until this issue has been resolved. Thanks. |
|
| Author: | TinyWebGallery [ 12. Apr 2019, 22:31 ] |
| Post subject: | Re: iframe content does not resize on iOS |
Hi. I cannot make your page load faster. it simply has to load. you can try lazy load to avoid that too many things are loaded in parallel. About iphone. They are always the big trouble maker. Please try to add style="max-width: 100%;min-width: 100%" to the shortcode. Best, Michael |
|
| Author: | TinyWebGallery [ 12. Apr 2019, 22:34 ] |
| Post subject: | Re: iframe content does not resize on iOS |
you can also add enable_responsive_iframe="true" see http://www.tinywebgallery.com/blog/advanced-iframe-resize-to-content-summary it does also add the max-width:100%. Problem is that iphone simply ignore the width! Ask apple why... Best, Michael |
|
| Author: | lacanela [ 12. Apr 2019, 23:02 ] |
| Post subject: | Re: iframe content does not resize on iOS |
With this shortcode: [advanced_iframe use_shortcode_attributes_only="true" src="https://lacanela.com/tyc85kk/booking_engine.php" height="600" enable_ios_mobile_scolling="true" id="advanced_iframe" url_forward_parameter="ALL" onload_resize="true" store_height_in_cookie="true" style="max-width: 100%;min-width: 100%" enable_responsive_iframe="true"] On the desktop it now sort of looks as it should do on the iPhone, but of course not as it should look like on the desktop: https://cl.ly/de561d6c47c6 whereas on the iPhone it looks like this: https://cl.ly/722502046c0a |
|
| Author: | TinyWebGallery [ 13. Apr 2019, 09:53 ] |
| Post subject: | Re: iframe content does not resize on iOS |
Hi, You have no normal width set. This you should set always. like width=100%. Please use not both enable_responsive_iframe and the max-width. Please only use enable_responsive_iframe this does the max-width,min-width and also a default width. this is normally the fix for IOS I have already implemented. Best, Michael |
|
| Page 1 of 1 | All times are UTC + 1 hour [ DST ] |
| Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |
|