mobile-safari

问题 The repro code is attached. It (basically) contains two div elements: red (fixed) and black (with text). When clicking on the black div, it is up-scaled and the text on it stays sharp. However, in 4 seconds the z-index of the black div changes and the black div becomes to be over the red div. Boom! Here the text becomes blurry (which is a big problem). The "effect" is especially visible on iPhone 3GS, less noticeable on iPhone 4. The question is: is there a solution/workaround to tweak every

问题 Similar to this question, is IndexedDB guaranteed to be persistent ? ie. Safari will not reclaim disk space if the device is low on memory. 回答1: Safari have "No Eviction policy", meaning it will not automatically clean the IndexDB on low disk pressure, without user doing it manually. IndexDB is one of the fast evolving feature and you can expect to have a different eviction policy any time with no announcement. You should always build with fall back options. Chrome has explicit persistent

问题 I want to make a CSS only speech bubble. So far, I have this... Example CSS div { position: relative; background: #fff; padding: 10px; font-size: 12px; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } div:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: -60px; margin-left: -15px; border-width: 30px 20px 30px 20px; border-style: solid; border-color: #fff transparent transparent transparent; }

问题 I have a phoneGap application that I'm developing. I have been running it on an iPad in iOS7. I can use the safari web inspector no problem. But I tried inspecting it on another iPad and saw "no inspectable applications". In Settings > Safari, the web inspector is on. Why won't it work? 回答1: To inspect an app with Safari's web inspector, the device needs to have a development provisioning profile for that app installed. 来源： https://stackoverflow.com/questions/21051793/safari-no-inspectable

问题 hope you are able to help me with this annoying problem. I'm currently building a web-app optimizied for Mobile Safari (iOS7). I want my page to be 100% height of the viewport. Currently my page is bigger than the viewport even thought I have specified the height in the css to 100%. The solution to this problem was changing this: <meta name="viewport" content="user-scalable=no, width=device-width, height=device-height, initial-scale=1.0" /> by removing height=device-height the problem is

问题 This question already has answers here : CSS - Overflow: Scroll; - Always show vertical scroll bar? (4 answers) Closed 4 years ago . I am having trouble getting a scroll bar to appear in mobile safari because overflow: auto does not work when there is scroll-able content. I found this css property: -webkit-overflow-scrolling: touch as some suggested this is a fix for mobile safari hiding the scroll bars but it's not working for me. Anyone have any suggestions on how I can force there to be a

问题 I'm developping a webapp (javascript) to put on the homescreen of the iPad to be able to run it in fullscreen mode. Everything is working but after a random while, the home button doesn't work anymore. But the app still continuing to run, and the is no bug at all. I still can run javascript functions in the console with safari on my mac, alert, prompt, and all of those stuff are working. but not window.close(); To quit the application I have to restart my device by pushing the switch off

问题 I want to load higher resolution pictures for iPhone 4 users, but the only way I know of detecting users is by a user-agent. But I'm under the impression that the user-agent of MobileSafari on any iOS4 phone is the same across the board. What could I do to detect an iPhone 4? 回答1: You can use CSS3 media queries to detect the iPhone 4's device-pixel ratio (how many CSS pixels equal a physical display pixel). Then, you can use CSS to load higher-resolution images instead of the normal ones. In

问题 For a project I'm working on, I ran into a strange issue, for which I could not find an answer on here (or anywhere else). I tried creating a Fiddle to demonstrate what happens, but due to the nature of my script, and the way jsfiddle functions, it is not working correctly. Anyway, here's a link to the Fiddle so at least you'll have the code. What I want to happen Execute a single handler ( onViewportChange ) on three possible window events: resize , orientationchange and scroll . Based on