mobile-safari

Why some font-sizes rendered larger in mobile browsers?

99封情书 提交于 2019-12-08 05:13:58
问题 My website's homepage have some h and div elements. The first h2 tag's and div tag's font sizes are with px. I have "-webkit-text-size-adjust: none;" spesification in html and body tags also. However the first tags's font size's rendered bigger in mobile browsers. Why? How can I solve this problem? css codes: h2 { font-size: 16px; } #main h2 { font-size: 16px; font-weight: normal; margin: 0; } .introdiv { font-size: 12px; line-height: 1.3; margin: 0; padding: 0 10px 24px 3px; } 回答1: Try

What causes a parent container to cut off content in child element?

烂漫一生 提交于 2019-12-08 05:13:45
问题 On Mac Safari and Chrome, this dark select box appears correctly: In iOS Safari, it gets cut off at the border of the selected div: What could make that happen? Here are the styles of the selected parent: and on the select box: 回答1: One of the parents of the select box had overflow-y hidden. 来源: https://stackoverflow.com/questions/29551733/what-causes-a-parent-container-to-cut-off-content-in-child-element

Why does Safari on the iPad not display my marker on an embedded Google Maps page?

丶灬走出姿态 提交于 2019-12-08 04:57:24
问题 I have to embed Google Maps on a web page for a client. I would like the map to show a marker which displays the exact location of the client's business, as well as a summary of their details (address, web page, phone number etc). The code I am using to do this was provided by the Google Maps website (not a third party service) and I have not modified it. This works great in every desktop browser I have tested and the marker is displayed correctly. However, when I view the page on an iPad,

Why does mobile safari seem to give different Javascript Date() results from desktop browsers?

删除回忆录丶 提交于 2019-12-08 04:36:00
问题 I have a strange problem that I am at a complete loss to explain. In order to describe the problem, I need to describe the flow of this particular part of my webapp. Imagine one device, in this case a desktop PC running a modern browser. When this user is connected, it acts as the master. This master retrieves the current time in javascript like so: get_time : function() { var d = new Date(); return d.getTime() - this.cache.start_time; //We have tried using the modern Date.now method also but

How do I not cache AJAX POST in mobile safari app?

隐身守侯 提交于 2019-12-08 01:01:36
问题 Thanks to this post I was able to solve the issue where mobile safari will cache ajax POST requests. Adding "headers: {'Cache-Control': 'no-cache'}" seemed to do the trick for my page in mobile safari. However, when I access my website via the mobile safari webapp the ajax requests are still cached. I haven't been able to find a solution so thought I'd post here. In addition to adding the header mentioned above, I've also tried adding "cache: false," as well as putting "url: '/ajax_url?v='

HTTPS request can't verify certificate on iOS Safari

眉间皱痕 提交于 2019-12-07 22:56:46
问题 I didn't configure the HTTPS on my domain so I'm not really sure where to start with this warning prompt that I only get on iOS Safari on my iPhone and iPad. I've never gotten this on a desktop with Mac Safari, Chrome, FF, or IE. Can someone point me to a file on my ubuntu/apache EC2 server or somewhere on the site of my domain provider, GoDaddy, that deals with verifying certificates. 回答1: For those on Nginx you need to append the gd_bundle.crt file to your other .crt cert. Just cat gd

CSS animation visibility: visible; works on Chrome and Safari, but not on iOS

时光总嘲笑我的痴心妄想 提交于 2019-12-07 21:10:26
问题 In Chrome (19.0.1084.46 m on WinXP) and Safari (5.1.7 on OS X 10.7.4), this fiddle http://jsfiddle.net/Vkpwm/ works; clicking on the google image shows/hides the green div, but when loading it on my iPhone, and on the iPhone simulator in xCode (by using the direct page http://jsfiddle.net/Vkpwm/show/), the div never gets shown again. Removing the line "-webkit-transition: 0.5s;" from the css makes it work, but obviously breaks the animation. Removing the line "visibility: hidden;" also makes

FormsAuthentication: UserData lost (but in Cookie)

瘦欲@ 提交于 2019-12-07 21:07:57
问题 Asp.Net MVC 3 FormsAuthentication (custom) iPad MobileSafari iframe (same domain) After struggling with formsTicket.UserData not working with MobileSafari (ONLY MoblieSafari), I found out, that httpContext.User.Identity.Ticket.UserData is empty (in MobileSafari, not the others) and the original FormsAuthentication HttpCookie contains the right values ?!? How can that be?! Code: public void UpdateContext() { if (httpContext.User.Identity is FormsIdentity) { // Get Forms Identity From Current

IOS8 Safari website links do not work after scrolling

此生再无相见时 提交于 2019-12-07 18:30:15
问题 I have an Angular website with a Bootstrap theme built primarily for iPhone users and since the IOS8 update I have found problems relating to scrolling. The site behaves fine until I scroll, once I have scrolled the links behave erratically eg if I press Button 2, the link from Button 1 will open. Also some CSS3 styles are not working eg :nth-child(even) I have searched for days trying to find a link between this behaviour and a scrolling bug but I can't find a fix anywhere. Unfortunately I

UI Automation - how to capture - record using javascript editor

北战南征 提交于 2019-12-07 16:52:11
问题 MobileSafari.app doesn't have accessibility labels is there a way to capture (record) events so that i can use in the javascript for UI Automation? there was a previous post which made that statement but didn't provide any instructions as to how to record using the javascript editor details please thank you in advance! 回答1: Just open a new script in your Instrument session, and push the little record button at bottom of the page (appears on the screenshot). Now use your app and you should get