I have the exact same version of Google Chrome (22.0.1229.94) on both my Mac (OSX 10.8.2) and my PC (Windows XP SP2) but my input buttons are being rendered slightly differently (the pc version is moved down slightly).
Here is shot of my devtools
Mac Version
PC Version
Obviously not a huge difference but enough to make it stand out. Any obvious flaws in my code?
I didn't realize that my font sizes were different. That seems to be the issue.
Related
I have encountered a curious thing: a part of a html code shows differently in the same browsers; I am guessing that it has to do with the operating system, but maybe not.
Here are the screenshots. The code is an identical repository in gitlab. The browser is Firefox, but we tried with other browsers too, to the same result.
Ubuntu version:
Windows version:
The part in question is the red text, in ubuntu its more on the left of the div. All windows are at 100% zoom. The browser versions are the same, Firefox 102.0.
The issue was a missing font. We use Verdana and it was not installed on the ubuntu system. After installing verdana everything looked finally the same.
OK. This one has me stumped. It's a "asking for a friend" type of question.
My wife is an artist. She uses GoDaddy as her hosting service to display her work. She uses their tools. She's created a website and several of her paintings are there.
Her computer is a 27" iMac with MacOS 10.15.7 Catalina, retina display etc.
After she's done, she goes to her website and some pictures of her work have the wrong size.
ALL THREE BROWSERS-> Firefox, Chrome and Safari.
And this is after blasting all cookies/caches etc. (everywhere)
When I look using my home computer (Linux Mint) with either Chrome or Firefox, it looks OK.
When I look using my work computer (Windows 10) using Chrome, Firefox, Edge and Explorer, it looks OK.
When she looks with her MacBook laptop using Firefox, Chrome or Safari, it looks OK.
So it's only on her computer that the website looks a bit funky. Strange thing is that when she uses the GoDaddy website to create/modify her own website, the "preview mode" looks OK.
It's only when she actually points any of her browsers to her website does the rendering behave strangely.
GoDaddy tech support suggested the usual "clear cache/cookies/whatever and reboot". Same problem.
I tried changing the IP address and MAC on her computer but there is no difference.
Ideas?
it may be of high resolution, the responsiveness of the screen varies between different screen size
This can happen because of many things like -
Using Extensions or other apps in browsers can cause this issue.
Open the site and right-click on the site and click on inspect where you find changes and see the code and refer to your code whether there is any change? if there is a change then this is because of Media queries that have a breakpoint based on the screen width.
If the above ones are not the issue download a fresh copy of the browser and open the site then check and inspect.
I am trying to debug remote Chrome, the device could be connected, and inspect the tab starts fine.
But in the window of remote debug, everything is a mess. the GUI is terrible, which makes the functionality totally unusable, see picture below:
resize this window or change the resolution is not working.
some times tabs like elements, source, networks could presents, but under the source tab, there is search bar keep presents and covers all area of the codes area.
this is totally not working.
OS: Win7.
PC Chrome version: 63.0.3239.108 (Official Build) (64-bit)
I don't think this should related to Mobile Chrome or android version.
Is there any possible reason for this?
I think Chrome is a widely using browser this can't be a formal released bug for Chrome, right?
I have the following http://jsbin.com/ojeja4/2/edit
The button and the expiration date working correct in windows, in all browsers but in OS X in safari & firefox (and maybe others) I find out that the button and the expiration date isn't correct.
Below I have print screens:
Windows - Firefox and all other browsers
OS X - Firefox
OS X - Safari versions 3,4,5
I really can't understand what is the problem. I tried use position instead of margin and padding but the result still the same. I found a jquery script and I used it, which recognize the os and browser, but I don't see the reason for a css problem to use a jquery script.
Is it a common problem between windows and os x or I did a mistake in code that I can't understand?
Thanks
It could be because of the font. Your are using Arial on Windows and Helvetica on Mac. Try using a cross operating system font. Or maybe something like Google Font API.
I'm having trouble with a website of ours that is not displaying images on Mac Safari
The exact same website is on a dedicated server and works fine.
When we moved it to a load balanced environment the images stop working only in Mac Safari, but still works in all other browsers including windows safari, and Firefox on the mac that had the original problem.
We tried other macs, and the problem only exists on macs running OS version 10.4.etc
The problem presents itself on ALL versions of safari on the Mac running 10.4, and the problem disappears on ALL versions of safari on Macs running other versions.
The website is built on Community Server.
I've done some googling, and I found various forums that mention the problem, however they are all from a client side perspective and they say that this issue only affects certain websites. I haven't found any developer related material that explains how to fix it from the code side.
I'm reaching out to the Mac website developers, because I am definitely not a Mac user, and I have no idea how to proceed. Any links or ideas that could get me started?
You can solve this by
making sure Safari's proxy is set properly
bypassing Safari's cache when refreshing