mobile-safari

问题 I have an angular 2 application in production environment that allows you to choose a profile picture. Recently, performing tests with safari mobile, specifically for IOS 13.3.1 version(older) and IOS 13.4.1(new) version. I noticed that the image is shown rotated depending of safari browser version used (I built a stackblitz for this that you can review): IOS 13.3.1 version(older) IOS 13.4.1(new) When I take images from an iPhone's in portrait mode and upload the image to my app it is shown

问题 I'm trying to implement DeviceOrientationEvent and DeviceMotionEvent on my website for a 3D effect. However, the console doesn't log any info and apparently iOS 13 requires a user set permission to start doing this. I can't seem to figure out how to set it up properly. I've done some research and this is what I found: https://github.com/w3c/deviceorientation/issues/57#issuecomment-498417027 All other methods provided online are not usable anymore sadly. window.addEventListener(

问题 I'm trying to implement DeviceOrientationEvent and DeviceMotionEvent on my website for a 3D effect. However, the console doesn't log any info and apparently iOS 13 requires a user set permission to start doing this. I can't seem to figure out how to set it up properly. I've done some research and this is what I found: https://github.com/w3c/deviceorientation/issues/57#issuecomment-498417027 All other methods provided online are not usable anymore sadly. window.addEventListener(

问题 I need to debug an HTML app on ipad. I used to be able to connect ipad by USB cable to my mac and it would show in the "Develop" menu in Safari. I have two ipads now - one with iOS 6 and another with iOS 7. The iOS 6 one is showing correctly and I can access the web inspector from my mac. iOS 7 ipad is not showing in the "Develop" menu. I have the latest version of iOS installed (version 7.1) and the latest version of Safari (7.0.2) on Maverick. Any suggestions are welcome. 回答1: Enable web

问题 I have a problem with margin-top/bottom on <a> elements - it doesn't seem to work. This is the HTML code: <div class="pages-link"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> .... </div> This is the CSS code: .pages-link { margin:2em 0; word-spacing:.25em; } .pages-link a { background:#d7d7d7; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; color:#333; padding:.3em .5em; text-decoration:none; } This is how the

问题 I have a problem with margin-top/bottom on <a> elements - it doesn't seem to work. This is the HTML code: <div class="pages-link"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> .... </div> This is the CSS code: .pages-link { margin:2em 0; word-spacing:.25em; } .pages-link a { background:#d7d7d7; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; color:#333; padding:.3em .5em; text-decoration:none; } This is how the

问题 This is a follow up question to a solution for another question of mine. Replacing the elements works fine on any desktop browser I've tested (FF, Edge, Chrome), but on my test iPad, it still shows the flags instead of the country names. I already made sure, that the focus event fires on iOS. To replicate the issue, you can just open the fiddle linked in the question above on iOS and your regular desktop browser and compare the result. On the desktop, it will show full country names in the

问题 I've got an angular 7 website, and I want to add horizontal swipe to one component, and vertical swipe to another (the components are in the same module). I'm using hammerjs for that. By default, hammerjs disables vertical swipe, so I enabled swipping in all directions with the code below. export class MyHammerConfig extends HammerGestureConfig { overrides = <any>{ swipe: {direction: Hammer.DIRECTION_ALL}, }; } //declare provider in AppModule providers: [ { provide: HAMMER_GESTURE_CONFIG,

问题 I have created a webapp that is exhibiting different behavior between an installed PWA and in normal mobile safari on iOS after an orientation change. When I flip my iPhone or iPad from portrait to landscape and back to portrait again, sometimes the portrait orientation will be zoomed in (and sometimes not). This only occurs in the installed progressive web app (PWA) and not when viewed in the normal mobile safari. Additionally, this behavior occurs only for an iOS PWA (both iPhone and iPad)

问题 I have created a webapp that is exhibiting different behavior between an installed PWA and in normal mobile safari on iOS after an orientation change. When I flip my iPhone or iPad from portrait to landscape and back to portrait again, sometimes the portrait orientation will be zoomed in (and sometimes not). This only occurs in the installed progressive web app (PWA) and not when viewed in the normal mobile safari. Additionally, this behavior occurs only for an iOS PWA (both iPhone and iPad)