Cross browser compatibility

Cùng một nội dung nhưng hiển thị khác nhau khi trên các trình duyệt khác nhau

Nguyên nhân

Trình duyệt có style mặc định cho các thẻ khác nhau
Giải pháp:
sử dụng reset css (khởi tạo style mặc định cho các phần tử của css)
html, body{
}
hoặc tất cả các phần tử
*{
}

sử dụng css vendor prefix (còn gọi là css browser prefix): là  cách để các trình duyệt cũ hỗ trợ được nhưng thuộc tính css hiện đại

Trình duyệt hỗ trợ các phiên bản HTML khác nhau
Giải pháp: khai báo DOCTYPE, giúp trình duyệt nắm rõ phiên bản để sử dụng chế độ hiển thị cho phù hợp
3 loại: HTML4, XHTML, HTML5 (xu hướng)

chú ý: phần tử con nếu ko khai báo sẽ có style giống phần tử cha

Chú ý khi xử lý cross browser compatibility:

1. Xác định những trình duyệt sẽ hỗ trợ
2. Nếu gặp lỗi thì hãy thử sửa css trước, nếu ko được mới nghĩ đến việc thay đổi html
3. Sử dụng javascript hỗ trợ