I found something strange during testing dynamic links on iOS. There is no preview.page.link screen on Firefox after clicking a dynamic link. For comparison I'm attaching a screen from Chrome. Is it possible to somehow solve that on Firefox? This screen doesn't look very UX friendly. Checked that on Safari, Chrome, Brave, Opera and on all of them there is a preview.page.link screen.
firefox screen
chrome screen
Related
Google Chrome is suddenly showing a fine white border (not an actual border) around my images which have a background-repeat property. Must be because of a Chrome update, but I can't seem to get rid of it.
I'm running version 55.0.2883.95 on a retina mac. Firefox, Safari, and Chrome Mobile all work fine.
You can see what I mean on this site.
Update: Apparently it's because of the hdpi pixel density of my retina screen, so this seems like an issue for the Chrome dev team.
I am using the Onetone (not pro) Wordpress theme, and am attempting to get the Youtube Background Video function to work. It works great in Chrome and Firefox, but not in Safari or IE11. Does anyone know if this function is supported by Safari and/or IE11, or how to make it work? Thanks!
I have a div with a background image that is set to be the height of the viewport (height: 100vh), with an SVG image overlayed. Everything works fine on the desktop version of Firefox (resizing windows or using the mobile preview), but it wants to render the full image length on Firefox mobile.
The page is: http://sandy.utah.gov/_Adventureweek/index.html
Everything works fine in Chrome Mobile and Opera Mobile.
Also, peculiarly, if you select text farther down the page, the page suddenly decides to redraw and renders correctly on Firefox Mobile (all on my Samsung Galaxy S6, using current versions of the respective apps).
I've been trying to figure out what's going on, but I'm at my wit's end.
I'd like to have a radial gradient background. Since I can not achive the desired look using compass I decided to use an SVG image. The output of:
background: url(/images/background.svg) no-repeat center center fixed
background-size: cover
looked awesome in Safari, Firefox, Safari Mobile and Chrome Mobile but NOT in Chrome. Banding!
So I decided to handle Chrome differently, insert a background image as PNG or JPG after the page is loaded via jQuery. So I created that image:
I opened the image in Safari, Firefox, Safari Mobile and Chrome Mobile and it looked pretty well, but when I open it in Chrome, it looks incredibly bad.
I am using the most recent Chrome 25.0 on OSX. Can anyone explain, why Chrome is failing so miserably on that image?
In the photography portfolio linked below, clicking on individual images renders the photo at a max-height of 90% of the browser window. In Safari, Firefox, and Chrome. But IE9 seems to ignore this command entirely and the user must scroll to see any portrait oriented photo in its entirety.
I've googled workarounds, but haven't found any that apply to IE9. Mostly I found Javacript expressions in the stylesheet suggested as workarounds for IE6. Is there a less "expensive" workaround for IE9? Or is it no longer a problem (which is why I can't find anything) and I just have a browser setting wrong?
Here's an example of an image that renders properly in Chrome, Firefox, & Safari - but you have to scroll in IE9: http://russmoorephotography.com/#/portfolio/state-capitol-aisle-capitol-dome/
Edit: this actually doesn't work in Firefox either. Just Chrome & Safari.