mobile-safari

问题 I have created an infobox using google maps api v3 and infoBox from the maps utility library . The infobox has overflow-y data. Scrolling works exactly as expected on IE, FF, Chrome and Safari desktop. Scrolling does not work at all, however, in mobile Safari. It's almost as if the infoBox doesn't detect a touch to start scrolling. I've created this jsfiddle to demonstrate the problem. As you can see (in the iOS simulator or on an iOS device), the mouseenter, touchstart, mouseleave and

问题 In Bootstrap 3, there seems to have been an issue with the fluid grid causing a horizontal scrollbar to appear on small devices. My question is different... I'm not getting any scrollbar, unless I click a text input. On an iPhone, there is an automatic zoom on the current field. This is ok (I guess), but after leaving the field, the zoom is not removed, so the content is clipped and there's an ugly horizontal scrollbar. Is there a way to prevent the zoom? Or maybe tell mobile safari to set

问题 I want to launch the maps application from my mobile website. How can I accomplish this? 回答1: You use simple HTML links; iOS will recognize and open it. Here is the documentation you need. Hope it helps! 来源： https://stackoverflow.com/questions/6614096/how-can-i-launch-the-maps-app-from-mobile-safari-on-an-ios-device

问题 I have an application that requires a page refresh whenever the orientation changes (ipad/iphone). Within this application, HTML5 videos also gets presented at certain times in UX. Whenever a user is viewing a video in full screen mode, their first inclination is to rotate the device to landscape orientation if it was not already in that mode. When they do this, however, it triggers the nasty page reload, effectively ending their viewing session. By tapping into webkit full screen API I was

问题 Questions: Is it possible to set up Facebook login for use in the CNA? Does CNA documentation exist for developers? Can you debug the CNA screen using any developer tools? Details: I have created a captive portal login page that uses an email submission form or a Facebook login button. The login button uses javascript as documented on Facebook's developer resources to open a window and log the user in. Testing: CNA: Clicking the Facebook sign in button redirects to the facebook login, after

问题 I'm desigining a mobile website for a hamburger parlor. They have varying width of hamburgers, from 3 inches to 3 feet in diameter (no kidding). Of course, people don't expect a "normal size" hamburger to be 10 inches large (which is!), and they expect the here-usual 3-5 inches. So what I'd like to do is to display one or two inches on the screen (Android and iOS), and a meter under the picture of the hamburger. I don't want to build a mobile app if possible, just a "mobile edition" of a

问题 We are using webarchives in our apps sometimes as it is very convenient way to store HTML + all associated images/CSS/scripts/etc inside a single file on the desktop, put it into the project, and then load it into a UIWebView with a single call like that: NSData *webArchiveData = /* ... Load data from a single file ... */ ; [webView loadData:webArchiveData MIMEType:@"application/x-webarchive" textEncodingName:@"utf-8" baseURL:nil ]; This stopped working on iOS 6 however: the HTML is loaded,

问题 I have an page with an interactive SVG which looks fine on all browsers (Firefox, Chrome, even IE/Edge) except Safari where everything affected by one of the SVG filters turns into a fuzzy mush (looks like something rendered onto a low-resolution canvas which got scaled up using bilinear interpolation). Here now a small test case where the problem also appears: <svg> <defs> <filter id="filter" y="-100" x="-100" height="300" width="300"> <feGaussianBlur in="SourceAlpha" stdDeviation="3.5"><

问题 What's the difference between these two? Do they both launch Safari (with the exception that the home-screen doesn't show a URL/tool bar? I've found weird quirks that appear in home screen version..do they have different rendering engines? For example, mailto: doesn't work in home-screen mode, and there are some small rendering/css-styling bugs that don't appear if I visit my web application from mobile Safari. Thanks! 回答1: Apple is using two different Runtime Environments for the Sarari

问题 I'm working on a WebApp that is supposed to run mostly on iPads. The App plays several videos and has some interactive components as well. My problem is cosmetic: even though the HTML5 Video Tag works fine, the custom controls that I've created control the video/audio playback just fine, for the life of me I can't figure out how to make the black bars on the side of the video disappear. The embedding is completely standard: <video id="video" src="./video/video.mp4" width="1024"></video> I