i am desiging a responsive website. i used bootmetro styles in my website. everything is working fine in samsung gelaxy tabs and other android devices. The problem is with Ipad.
i installed firebug in my ipad and tested all styles. The problem is, there are no bootmetro styles loaded in ipad.
So, my questions is can ipad access bootmetro styles? i saw a note in the firebug(in ipad) saying
The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions
please help
Related
I am currently developing a web and a mobile site sellist.com, m.sellist.com using VueJs and Laravel and I have applied icons to the navbar using iconmoon.io.
But some of the icons are not loading properly when I check it in ios devices. It was loading fine in other devices.
Please refer the screenshot of the icons which causes the issue.
But those should look like the below images. And those are showing as it is in all the devices other than ios devices.
How to fix this issue?
I've run many tests for mobile including using Google Chrome and Safari's Responsive Design mode with the iPhone 6 setting, however, a link with an icon is showing up differently on my actual iPhone 6.. does anyone know how I can get the same result on my browser so I can tweak the CSS so the icon doesn't go underneath? Thanks
This is what shows up on the tests in the browsers
This is what shows up on the actual iPhone 6..
I have an HTML animation created using Adobe Edge Animate that plays fine in my desktop browser version of Safari (9.0.1)
It doesn't work on the iPad platform it is targeted at, and it transpires that some of the image names in the assets folder are not capitalised. The HTML is calling for 'pasted.svg' for example and the file is called 'Pasted.svg'
OS Safari seems to be using some kind of fuzzy logic to be kind to the developer and is working out which image to use. iOS is not, which doesnt help me bugtest.
Is there a way I can duplicate this behaviour on OS Safari so I dont need to keep loading up to the iPad to test if the animations will work?
Thanks
Here is our development website.
On iPhone 6 or 5, using Google Chrome, we experience the following symptoms:
The page "jumps" randomly when touching links or buttons.
Sometimes, buttons and tabs do not work.
This also happens sometimes on other sites, such as Medium.com, but not with all websites.
These issues are not present on Safari or on Chrome but on Android.
We are not sure if this is a problem with our website coding or with Chrome on iOS. I did some searching but did not find any issues similar to ours.
I'm using jQuery Accordion. It works perfectly on all devices except on the iPad and iPhone. On these devices not of my links work.Even if I have a simple link to another page nothing happens. I've been trying to track this issue down for a few months. Any suggestions?
It work fine on an android device.