mobile-safari

Mobile overflow:scroll and overflow-scrolling: touch // prevent viewport “bounce”

by

There’s a great blog post on this here: http://www.kylejlarson.com/blog/2011/fixed-elements-and-scrolling-divs-in-ios-5/ Along with a demo here: http://www.kylejlarson.com/files/iosdemo/ In summary, you can use the following on a div containing your main content: .scrollable { position: absolute; top: 50px; left: 0; right: 0; bottom: 0; overflow: scroll; -webkit-overflow-scrolling: touch; } The problem I think you’re describing is when you … Read more

PWA icons are not used in iOS 11.3

by

While iOS 11.3 does support web app manifests, it does not yet support specifying icons this way. You’ll want to include it in your manifest for other devices, but at least for now you’ll have to use the following for iOS: <link rel=”apple-touch-icon” sizes=”180×180″ href=”https://stackoverflow.com/questions/49568333/icon.png”> Specify the icon size, and include a URL. Learn more … Read more

disable viewport zooming iOS 10+ safari?

by

It’s possible to prevent webpage scaling in safari on iOS 10, but it’s going to involve more work on your part. I guess the argument is that a degree of difficulty should stop cargo-cult devs from dropping “user-scalable=no” into every viewport tag and making things needlessly difficult for vision-impaired users. Still, I would like to … Read more

tech