I noticed my images on a website are blurry when using a mobile device. This occurs only when I'm using 4G and NOT when I'm connected to wi-fi. If I'm connected to wi-fi, the images look fine.
I realize a slower connection may be causing this, but I'm curious how I can fix it. I downloaded a "Resize Image Quality" plugin for Wordpress and that didn't work.
Are there any changes that can be made to CSS to fix this issue? I'm never had this issue before with Wordpress or any other CMS.
Here's a link just in case it's needed: http://bit.ly/1J1vwFB
That's weird, I used chrome with network throttling and emulating different phones.. It looks fine, have you tried other phones?
Related
I am using an iframe on my React app. my problem is that in development and production the iframe content isn't loading on my pc or cellphone. The thing is that it does work on some other devices.
In addition to that it does work on Edge on all devices.
The webpage that should be displayed is also written in React.
I haven't found any mention on google of this problem.
What could cause such weird behavior?
I am on iPhone and it cannot access the camera from chrome. Is there any solution?
Error Message: "Unable to access video stream (Please make sure you have a webcam enable)"
source code "https://github.com/cozmo/jsQR"
Demo (I copied the same code from Author's demo)
This problem solved itself in an update of chrome. FINALLY! Safari is still better because It allows the user to save the setting and it never asks about the camera again for that particular url. Using QR codes in the browsers has allowed me to write "apps" in a browser and avoid the red tape of the big tech app stores.
I'm using materializecss.com and angularjs for my website. The problem is quite interesting:
When i use Chrome and resize my website, everything stays responsive (not perfectly tough). But when i use the Chrome Emulation tool (with Apple iPhone 6) its not responsive anymore.
Have a look at the screenshots:
So you can see the different scale.
You can have a look at it at zencubes.io
Any ideas?
The description of your problem sounds like it's been answered here previously at Stackoverflow here, where it works in the device emulator in Chrome but not on the actual device itself.
Why CSS Media Query doesn't work on mobile device but yes on Google Chrome device emulator?
Have you checked your Viewport meta tag settings, in particular the width attribute?
I've built a web app on a MEAN stack (Mongo, Express, Angular, Node) and I run it through Heroku. When I access the application on my computer through Google Chrome everything works great (although rather slowly). However, when I access the application on my iPhone through mobile Safari barely anything works. Links on the home page only appear sometimes, nothing appears on the sub pages.
The app lives at http://mobseen.it
Any idea why Chrome would work well but mobile Safari would work so poorly, and what I could do to fix this?
I've surfed your site from both my computer and my phone(which worked fine albeit a bit slow). After analyzing it briefly in Chrome as well as pingdom, I think you're problems are coming from the amount of resources the device is pulling in and processing. Take a look at some of the recommendations on pingdom and go from there.
I would also try setting it up on OpenShift to see if it's any better.
I can't figure out what is causing this issue on the BlackBerry Z10 where the mobile menu that I created for disinherited.com won't properly function as links.
The menu items won't click through to their href's or show their dropdown menus(javascript).
It works well on a number of other browsers and devices. This is just one that won't work.
Anybody have any suggestions as to what browser compatibility issues I might be missing?
The "About Us" link doesn't do anything for me (even on Desktop browsers).
I would guess that there might be some CSS (a layer maybe) that is interfering with the click/action event. I would suggest connecting remote web inspector to see what exactly is going on.
Did you know that BlackBerry 10 has some of the best remote web debugging capabilities?
Plug your device in via USB
Enable Settings -> Developer Mode
Open http://disinherited.com in the BlackBerry browser
from your desktop browser, open http://169.254.0.1:1337
You are connected to the live content, running on the BlackBerry, from your desktop browser. From there, you can inspect, debug, profile what your website is doing.