All geek questions in one place

CSS rendering in the same browsers in different OS

When designing a website, I have to specify different CSS for positioning elements in the same browsers in different OSs. For example, I specify different pixels for an element in firefox for linux, mac and windows. The same goes for chrome.

I had to write different CSS using jquery (for different OS). Why CSS is handled differently for the same browsers in different OSs. And is there a way to solve this rendering problem in a different way than jquery?

+4
source share
2 answers

Each browser has a set of built-in CSS rules; things like the default number of indents for an element h1, etc.

You can use a normalization table (aka (CSS reset '), such as this , reset for each browser to the same point, so your CSS will look the same in all of them.

+2
source

You can do browserhacks; CSS

Browserhacks is an extensive list of CSS and JavaScript browsers for hackers from all sides: Look here

CSS Browser Selector A smart technique that helps you work with CSS hacks: You can also look here

0
source

Source: https://habr.com/ru/post/1543509/

More articles:


All Articles