i've run into this wierd problem with a fluid grid. Everything looks good in chrome and firefox, but the grid wont align on Ios and desktop safari. I realise that this is because of the different ways the browsers render subpixels. My question is if anyone has a workaround for this?
see a working example here: http://codepen.io/anon/pen/eFyIl
Related
this website: http://mr-chemie.dev-pixalla.de has a scrolling issue on mobile phones and tablets. When scrolling in one direction, everything is working perfectly fine, but as soon as you change the scrolling direction you got to scroll twice. I noticed that when scrolling up after scrolling down, the vertical scroll bar on the right expands out to full height for a moment. When scrolling up the second time everything works fine.
I'm using Elementor page builder for Wordpress and got some knowledge with CSS. The problem did not occur on any other website I created. I just do not know any kind of property to solve my issue, neither did I encounter similar questions when searching for it on the internet.
Thank you very much for your help!
I had the same problem. It was caused by shape bottom divider turned on (Elementor, waves divider). The top one works fine. But when bottom is enabled - then the strange behaviour on mobile happens.
I have been playing around with skrollr for awhile but I am getting stuck when trying to get it to consistently work well on mobile devices, I like how the demo works really well on mobile.
So, how is this implemented to get the desired result, if this is what I need at all? I also don't want to use the skrollr-body container as this causes other problems.
My test page is http://www.dalebailey.co.uk/idesignpixels/logo_test_2.html on mobiles this works but seems to screw up after orientation change or refresh.
I have developed a custom wordpress template based on theme twentythirteen.
The theme works fine on desktop, it's so so on tablets, and looks really wrong on smartphones.
The customized parts (the one that I made) resize correctly to take all the width possible, but the content structure that I kept of the original theme becomes more narrow that the screen. On smartphones the content width is like 20% of the available screen width.
How can I check what is wrong to fix it? I do suppose that it could be the other way around: the customizations stay too big, while the responsive layout resize itself correctly, with the result that the mobile browser scales everything to fit and I get my changes fine and the responsive part very small.
In that case, how could I fix the resize of my custom parts to fit nicely?
I looked for remote debugging and I solved my issue using this solution:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
How can I fire an event when orientation is changed on a mobile device.
onresize works fine on iPod Touch but not on mobile device using Opera mobile as browser.
Any help on how to fire event on Opera mobile.
Thanks,
Abhishek Jain
I've racked the web trying to find a good solution to this, I was in the same boat. There dosn't seem to be any really fantastic solutions out there, but what I use is this. Like I said not the best option, but mobile and mini Opera don't seem to fire anything catchable when the screen is resized. Since I'm looking at mobile devices I set the viewport to which ever (width/height) is smallest. When the user turns their device it will at least be kind of intuative.
Edit: I actually did this and coupled it together with a update width&height routine on my div's, based on screen.width/height, and it turned out pretty good.
We have a Silverlight control embedded in an html page. When I zoom the html page in FireFox 3.5 (ctrl - +) and then try to click on something in the Silverlight control the mouse input is not taken at the correct place.
I have to click above the control to get it. This behavior can be seen here:
http://silverlight.codeplex.com/
Any idea how to fix this?
There are numerous reports of the issue and some possible fixes.
See these links:
http://forums.silverlight.net/p/227806/614938.aspx
"I decided to try uninstalling and reinstalling firefox and that did the trick."
https://support.mozilla.org/en-US/questions/795168
"Enabling the plugin-container.exe in about:config (dom.ipc.plugins.enabled) fixes the mouse issue but then Silverlight plugin pop-ups (webcam/microphone permission for example) freeze the browser."
Windowless Silverlight (and Flash?) app on Firefox: wrong mouse positions reported
"This problem doesn't happen if you do one of the following:
Switch Firefox into full screen mode (it seems that the top bar is the cause for the offset, so when it's not visible there is no offset).
Do not use Silverlight in a windowless mode.
Use any other browser.
...
In my research I came across the following suggested workarounds...:
Do not use overflow in css.
Use css to set html margin of 1px.
Do not use iframe"