Как сделать одинаковое отображения сайта в разных браузерах?

Question

[Назар Амброзяк]

При верстке сайта, в хроме всё хорошо отображается, а в других браузерах отступы например не там где бы хотелось. Я так понимаю у каждого браузера по умолчанию стоит какой-то padding и margin для тегов.Так как его убрать, чтобы можно было поставить свой и чтоб всё корректно отображалось во всех браузерах?

Answer 1

[WapSter]

normalize используй. Есть еще reset.css, но тебе его пока рано юзать.

Comments

[Назар Амброзяк]

его надо просто прикрутить к html файлу через тег link как другие css файлы?

[WapSter]

Назар Амброзяк,

*{
  padding: 0;
  margin: 0;
  border:0;
}
:focus,:active{outline:none;}
a:focus,a:active{outline:none;}

nav,footer,header,aside{display: block;} // они и так block

html,body{
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 100%
  font-size: 14px;
  -ms-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
} // тут два раза указываешь font-size, height 100% не сработает в любом случае, line-height: 100% пропустил ; text-size-adjust - ты хоть знаешь как работает это свойство? Я например нет.

эти стили не стоит указывать.

[Назар Амброзяк]

WapSter, спасибо за ответ.Кста text-size-adjust вроде как отключает увеличение текста например на айфонах))но это не точно

Answer 2

[Бектур Муратов]

Попробуй использовать normalize.css