So, my chrome device emulator is doing a very silly thing.
It is only showing a tiny corner of the page in the emulator. When I look on my actual phone at my page, the page loads just fine, but when I look in the emulator I see only a tiny bit of the screen. This is true for every website, including google.
Has anyone else had this problem? I've searched google and stack for solutions but I haven't seen anything related to this.
I've tried restarting chrome, restarting my computer, and making sure my software is up to date but nothing has changed.
Same problem, I think it's a problem related to the last update, waiting for a fix. Anyway if you set the emulator to 'responsive' mode and 'desktop' view, it should be fine.
Related
I recently encountered a strange behavior in my Google Chrome browser.
Images appear pixelated and broken, but they appear on screenshots and get scrolled so it must be the browser and not my laptop. For example, google search:
Search icons get something like...distorted? Has anyone encountered that and maybe knows how to fix this?
Here's a work around: go to chrome://flags and disable GPU Rasterization.
You can use this link: chrome://flags/#enable-gpu-rasterization to get there.
Thanks to https://piunikaweb.com/2022/02/24/google-chrome-images-distorted-pixelated-after-latest-update-for-some/ for the tip
Same here. Not only icons but some large images as well
Ctrl+refresh seem to solve it
enter image description here
Turning off [GPU rasterization] and [hardware acceleration] is worked for me.
(Windows 10 + Chrome v101.x)
Turning off GPU rasterization
Go to chrome://flags
Select 'Disabled' right side of 'GPU rasterization'.
Restart browser.
Turning off hardware acceleration
Go to chrome://settings/system
Move switch off 'Use hardware acceleration when available'.
Restart browser.
I've got a little problem with my website and ipad/iphones. A certain tag in my css causes problems and I'm unable to check if I've solved the problem. Is there a way to look at my website as if on an ipad while not actually buying an ipad. Is there something like an ipad emulator or something?
You can use web (free) services that provide such functionality. There is a lot of them. For example: http://ipadpeek.com/ or http://mobiletest.me/.
There is also a simple solution that doesn't require any further app installation.
If you're running google Chrome you can enter the developer tools by hitting F12 on a PC and Command+option+I on a Mac.
In the developer tools you have on the top left corner of the screen a mobile device emulator, which you can choose various different models of mobile devices from. not just iPad and iPhone.
Note that you have to refresh the page each time you change a device emulator. Otherwise it won't load with all the characteristics of the current emulation.
So I was using Chrome and IE together when all of a sudden Chrome decides to change its zoom level not only for the webpage, but the entire browser. I'm not sure if it happened when I restarted Chrome or if it happened when I decided to bring it to the front. So basically, all menu items, logos, icons, absolutely everything appears to have been zoomed in slightly. I have restored to original settings, disabled extensions (I don't use any extensions anyways), uninstalled and reinstalled, and nothing.
I've used the DPI settings in the properties of the Chrome application and nothing changes it. I've changed scaling in Windows and nothing helps.
Everything is larger in Chrome now and it's driving me crazy. Many menu items won't appear fully because of this. Note that this isn't just at the webpage level but at the entire browser level. I've included some images so you can compare. If you look at the youtube homepage, you'll see that everything is larger in Chrome than it is in Internet Explorer.
Scratch that apparently I need reputation in order to post pictures, ugh. If I can get 10 rep soon I'll post some pics.
I'm sorry if my description is rather vague but this isn't something I could search up. No other programs (including IE) are having this issue. THanks very much in advance if anyone can help. This is just driving me crazy.
No, Ctrl + 0 obviously does not work. This is an issue with the program as the entire program looks zoomed in. Everything, not just the webpage.
Found a "quick fix" solution from post #38 here:
Right click on the Chrome link on your desktop
Choose Properties and then add " /high-dpi-support=1 /force-device-scale-factor=1" to the existing Link to your path to chrome.exe.
Hope this works permanently. What a hassle.
If you're experiencing a "zoomed in" browser it's because you have an updated version of Chrome. Chrome and FireFox now adjusts the page zoom level according to your Windows settings to better support high DPI displays. For example, if Windows is set to 125% font size (120dpi), the content area will be zoomed by 25%. This is usually the default setting on your computer.
This means that your updated Chrome and/or FireFox browser will automatically set websites to 125%, and all other browsers remain at 100%.
What are possible solutions?
As of this writing, their isn't a known method of fixing this from a web coding standpoint, due to that it's created from the inner workings of the browser. That being said, their are still some things you can do from the "users" side to fix this:
The quickest way around this is to open up your browser and press on your keyboard "ctrl -" (control minus) twice. This will set your website content to 75%, which would be equivalent to 100% in all other browsers (but this will just fix the website content).
You can set your computers font-size settings in your control panel to "100%". This will make all of your computer fonts smaller.
I'm sure their is a better answer to this, but for now these are the 2 options that I'm seeing. In FireFox version 22 they also added this feature (as mentioned above), you can see the work around for FireFox here: https://support.mozilla.org/en-US/questions/962979
I'm sure a similar solution also exist with Chrome.
You can change your windows default zoom to 100% in display settings and make everything almost unreadable, or (a better way)
You can add a start parameter to your chrome shortcut:
"your-chrome-dir\chrome.exe" /high-dpi-support=1 /force-device-scale-factor=1
I know, it's too late, but just in case someone else has this problem...
after visiting a website for a long time, and leaving another open during that time, it seems that the layout of the first, appears on the second. It happens mainly when using chrome, but once the issue appears on chrome, it is as if it stays in memory, and happens in firefox too. I read about memory leaks, but I am not sure that this is the issue, and if I am the only one that has it. I mainly see it happening on the website that I am working on which is why it is an issue, but it happens on the black bars of facebook, and another website called jeuxvideo.com . (This is the template my website uses: http://themes.alessioatzeni.com/html/brushed/).
Here is an image showing the issue, where the layout of youtube overlays another website (the transparent grid you can see over the rest of the website):
http://i.imgur.com/FQW7Jin.jpg
Is this a bug with chrome? Because I have looked everywhere and it doesn't seem that anyone else has this issue, or maybe it is just my computer?
This is probably image persistence, where the colours in the monitor get "stuck" temporarily after being on or off for a long time. The fix would be to upgrade the monitor.
You could confirm this by taking a screenshot while the problem is happening. If you don't see it in the screen shot (try moving the screenshot around the monitor when you see the problem, do the affected areas of the screen move too? or are the artefacts stuck in place?) then the problem is with the hardware.
I'm developing a website and today Google chrome has decided to show this big white box.
A week ago i didn't have this problem and i haven't changed the code since.
I don't have the problem in other browsers(ie and firefox).
Actually seems to be a problem with this monitor. I'm extending my laptop display and if i have the browser open on the laptop display there's no problem. But having it open on the monitor i get this big white box.
The only way i can get it to disappear on the monitor is if i zoom to 150%+.
Chrome is updated i even tried uninstalling and re installing.
Just curious has anyone else had this problem?
Any Fixes?
there is the image of what it looks like
http://postimage.org/image/kodmqafb5/
if you have download keeper enabled in extensions it's the reason for the white box atleast on mine anyways i just got rid of it and then chrome downloaded it again just get ri of it when it happens should fix your problem