CODEWITHSUNDEEP
htmlcss
AlbertEngelB
AlbertEngelB

Reputation: 16436

Check For CSS Differences Between OS's

I have an app that runs across a few different computers and I develop on Ubuntu using Chrome.

Normally my CSS layouts look ok on PC's running Windows, but I've been noticing that a few of my layouts will break when viewing on my co-worker's computers (instead of being side-to-side with floats, will break to a new line for example).

Generally removing a couple pixels on either side will take care of the inconsistencies. This got me to thinking, is there any way to check the display differences on CSS between OS's? Generally there are guidelines on cross-browser styling, but I don't seem to remember any places that show the differences between OS's.

Upvotes: 0

Views: 126

Answers (2)

josh3736
josh3736

Reputation: 144912

Most likely, the problems you're seeing aren't related to the OS so much as which fonts are being used and precisely how they're rendered. Using default fonts, "ABC" might render 16px wide on Windows but only 15px wide on your flavor of Linux.

In general, it's a good idea to add in a little extra tolerance when sizing a box based on how long (in pixels) the text inside of it is.

Upvotes: 3

Sharky
Sharky

Reputation: 6274

You will have to test your css in different browsers. You must install as many browsers possible in your machine and check periodically.

Also, there are tools that render your site in different browsers and you can see snapshots.

like this one: http://browsershots.org/

it has a big list of browsers/OS to check.

Upvotes: 2

Related Questions