My website www.krishisansar.com isn't properly viewed only in Android Opera Mini browser, another browsers display it properly.
It is a responsive website, when I resize screen using desktop's Opera, all is well. According to my CSS code, layout matches in perfectly. But when I open website from Android Opera Mini, GIF images don't show, words are stretched unnecessarily, layout is distorted. What is problem?
As others have advised, I changed CSS media queries form media only screen to media all, but nothing changed. What's wrong? Is it my coding fault or Opera Mini bug ?
Opera mini doesn't support gif files.
Related
I'm new to PhoneGap and noticed a problem... When testing my app on a desktop computer, or even if I put the app online and view it in a webpage (I'm on android and tried chrome browser and Samsung browser). It appears the same. However, if I view it with the phonegap app on my phone, the font size if different. Here's a simple example...
body {font:normal 26px arial}
div{width:200px;height:100px;border:1px solid black}
<div>THIS IS A TEST</div>
Notice, the words THIS IS A TEST fit nicely across the div. With phonegap, it doesn't fit. It's enlarging the font. I did some testing and it's not changing the div size, it's definitely a Font issue. I was hoping to have things look the same on desktop and mobile, without having to alter font sizes and detect devices. Any ideas?
I am developing a site that is using CSS animations for a background slider. There seems to be a problem with the images loading on Galaxy S3. Is there something I can do to fix this? Do older phones not support animations?
Here is the site: capelos.gonzbergagency.com
And here is the demo it is based on: http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/
CSS capabilities are provided by the web browser, not by the phone, verify online whether your browser version supports the CSS you used.
Also, try a modern browser like Firefox for Android or Chrome for Android, if you haven't already.
I just recently updated my Chrome app on my Galaxy S3. Now my personal website that I created using a bootstrap 2.1.1 template is having a strange issue in my portfolio. When I select an image to go full screen, the thumbnail highlights blue, but overlaps the full size image.
Does anyone have any idea why this is happening? I've tried every other web browser, even the desktop Chrome version and everything looks fine. Again, this started after i updated my Chrome browser on my galaxy s3.
The links below show screenshots of my galaxy s3 in portrait and landscape so you can understand the issue better.
Links:
http://imgur.com/27ejG8q,RoQrTOG#1
http://imgur.com/27ejG8q,RoQrTOG
Thanks,
Josh
I am making a mobile site and I have a problem on a Samsung Galaxy s3. The thing is that my chosen font-size looks fine in Chrome, but is too small in the native Android browser.
On the other hand if I increase font size, it is too big on Chrome.
Is there any way to target Android browser, or to alter it's behavior?
visit this page from your android browser: http://whatsmyuseragent.com/
you will get the user agent of your browser and that is an attribute you can differentiate browsers by.
I'm trying to see if I can implement a rudimentary external scrollbar for an overflow:scroll box area and everything works on a browser on my computer and Firefox on the tablet, but it doesn't seem to work at all with the stock browser.
Is scrollLeft not supported? Is there any alternative that I can pursue?
Thanks!