I am working on a hybrid application.
My webpages are responsive when i check them in browser inspect window on iphone screen.
But when when i used them in ios, it does not remain responsive anymore.
Any idea about problem and solution?
The same issue is resolved in android by first zooming out the page and the zoom in according to screen size. But it is not working here.
Related
So i have a website and everything works fine on PC but when you open it from a phone the website is moved by the navigation menu of the mobile browser. The height of the website is exactly 100vh but displaced by the navigation bar
This seems to be the solution to your problem:
https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html
Basically use javascript with window.innerHeight instead of CSS
I am using OpenSeaDragon to show images on my website. With the desktop browser everything is working correct. Also in device mode with the DevTools from chrome. But when I switch to a real mobile device, I can't change to fullscreen mode.
The view try to expand, the buttons slide to the top, but cancels itself immadiately.
I have build a small Android application with a webview to access the website.
I even don't know, if it is a Android issue or an OpenSeaDragon issue. Any hint what I should check could be helpful.
Thanks in advance
I'm developing an Android App with Delphi Xe7. App has a TWebBrowser which loads a normal internet web page like www.lfp.com. The problem I have is that the web page displayed doesn't adjust itself to the TWebBrowser, you have to scroll the page. I would like to show the entire web page, and after that zoom where I like.
Any suggestions?
I am building a page for Android, and it uses CSS. The phone I am testing on right now is ICS. I've found that in the native browser, when i click on a div with a higher z-index than the page I actually activate the elements behind the divs. This means that I inadvertently tap ads and links that take me off the page.
This does not happen on the ICS chrome browser though. Does anyone have an idea of what I can do to remedy this so that my div is what gets tapped?
Thanks,
I am trying to get an app working with a fixed background image, so when it scrolls the image stays in the same position.
On desktop browsers this works fine. When i use phonegap and run it on my android device, the background image jumps and then reappears in the correct position whenever you scroll the page.
I have looked through stack overflow and through google but have not come up with a fix for this.
I have tried adding the background image to .ui-page, body and also with adding a div around it, but whenever you go to scroll the page in the app on android the background jumps.
I have also tried changing the position to link it to top, center bottom etc, but nothing is working.
The header and footer are fixed and am using jquery mobile 1.1, with phonegap 1.2.
If anything else is needed I will share what I can
Phonegap uses the androids native browser and position:fixed is only supported since android browser version 2.2.
Source: http://caniuse.com/css-fixed