I use the font "Sofia Pro" in my project. Within the display of the same phone (iPhone6 Plus), the font is displayed perfectly in Chrome and Mozillar, however appeared to be cracked in Safari. In iPhone 5S Safari, it was not as bad but blurry. It rendered fine on iPhone 4 Safari.
I had tried:
{-webkit-font-smoothing: subpixel-antialiased;} and
{text-rendering:optimizeLegibility;}
However, there's no luck.
Does anyone has an idea what this issue origins from?
The elements are animated with transform: translateY(value);
Changed translateY(value) to translate3d(value,value,value) and the rendering is smooth again.
Related
Screenshots
I have a 10 second long animation that refreshes the page after each loop. Works fine on all other devices, but when I view it on an iPad, SOMETIMES it will look normal, but other times it will render at a smaller size, making the text too small to read. This occurs on Safari and Firefox, but Chrome on the same device does not have this bug. I looked at the window.devicePixelRatio and it was showing as '1' on all other devices, but showing as '2' on the iPad. So, I tried setting the window.devicePixelRatio to '1' with JavaScript. That didn't make any difference. Still having the same issue. Also, this only happens in Portrait Orientation, but NOT in Landscape Orientation. Any ideas?
.webp flashes with a white background like below link in iOS 14 safari, chrome.
https://tcoz5.codesandbox.io/
code
in desktop PC Chrome, Animation works naturally.
in iOS 14 Safari or chrome, Animation works unnaturally.
Please how to solve this problem.
I just ran into this problem myself; it seems that animated WebP with transparency have rendering problems in Safari.
The only solution I could find so far is using APNG for all versions of Safari and using WebP for Firefox/Chromium.
I created a Webkit bug report referencing back to this question
Recently i did website that is doing something like picture slide of radar images and i used <picture> with <img> .png fallback with subtle animation that does fade out.
Whatever i did pictures will blink on ipad or iphone with ios 14 but not load fallback img and on PC and Adnroid everything was ok!
I was sure that my iphone cannot load images fast enough but lastly like a last hope i disabled the animation.
And that was the problem!!! Ios 14 just does not like animation with webp.
This problem appears to only affect the iPad Mini 5 and the iPad Mini 4. Not the iPhone 11.
It's only the UILabel fields text. It's only on the Device, not on the Simulator.
The text display fine on anything but the iPad Mini 5 device nor the iPad Mini 4.
I've tried changing the fonts. I've tried changing just about everything that's changeable.
The app itself has been on the app store and working fine for years. Now it's not working on the iPad.
I've tried checking the uppercase/lowercase thing mentioned elsewhere. The UILabel Field background shows clearly. Just not the text that's supposed to appear in the fields.
Thanks
Attached is an image of the iPad Storyboard. The [Change Image] icon is a Button, and displays and works fine.
Any chance your device is on Dark Mode? If so, that would explain why text doesn't show and background does. Dark Mode by default will switch black texts to white and the other way around.
If that's the case and you don't want to support dark mode on you app, just disable it by adding this to your .plist:
<key>UIUserInterfaceStyle</key>
<string>Light</string>
I found the solution.
In the Attribute Inspector of the UIText I mean UILabel fields not displaying on the iPad, change the Behaviour from Enabled to Not Enabled.
In other words, I had that box ticked. I unticked it, and now it works on all devices.
Thanks for the responses.
I have a responsive website which i tried adding in uiwebview. When testing in the simulator with iphone 5 it displays the website correctly, but when displaying on iphone 6 it leaves about 20px blank.
I have trief different solutions like here; UIWebView dones't resize correctly when orientation change?
But without result.
Is there anyone who can help me on the way?
Guys. Please help me.. I've searched everywhere, but couldn't find a solution.
I'm using Xcode 4.3.2 and have the IOS 5.1 simulator installed.
The problem is the iPad simulator doesn't show the iPad's frame, just the contents. So, the home button isn't visible, thus can't be pressed.
But, unlike the iPad simulator, the iPhone simulator works fine.
Please help, guys..
Thank you
Use ⇧ + ⌘ + h in place of the home button.
If you need to make the screen smaller, use ⌘+3 or ⌘+2 for the smallest and smaller screen sizes respectively.
Actually, I (and a colleague) have been seeing intermittent behavior, with the bezel sometimes showing up, and sometimes not, for the very same project (same version of iOS - 5.1, same build settings, etc). This happens even when simulator is set to show a normal (non-retina) iPad... sometimes it has the bezel, sometimes not.
So I doubt this is intentional design.... seems like a bug to us.......