Google Chrome - Sự khác biệt giữa Mac và PC

Question

Tôi đang phát triển một trang web cho khách hàng và tôi đã thử nghiệm nó với các trình duyệt chính trên Windows.

Hiện tôi đang đối mặt với một số khác biệt nhỏ giữa Chrome Win và Chrome Mac (cùng một phiên bản). Đây là những điều thực sự nhỏ, nhưng khách hàng phát hiện ra chúng, vì vậy tôi tự hỏi .. có một số thiết lập lại tôi có thể làm thông qua css để làm cho hai phiên bản tương tự như có thể?

Tôi nghĩ rằng tôi đã làm việc với tiền tố -webkit của trình duyệt mặc định, bạn có biết bất kỳ hướng dẫn tốt nào không?

Ý tôi là: có một số .css cơ bản mà tôi có thể sử dụng để đặt lại Chrome và buộc nó hiển thị càng giống với nhiều nền tảng khác nhau?

Cảm ơn!

CẬP NHẬT: sự khác biệt mà tôi đề cập đến chủ yếu liên quan đến kích thước phông chữ và thứ gì đó liên quan đến chiều cao và chiều cao dòng của các phần tử.

Answer 1

Điều bạn đang chạy là định nghĩa css trình duyệt mặc định. Bạn nên đặt lại hoặc chuẩn hóa CSS của mình khi bắt đầu một dự án để tất cả các trình duyệt hoạt động theo cùng một cách với các phần tử cơ sở.

http://meyerweb.com/eric/tools/css/reset/ < < đặt lại. Đặt tất cả CSS phổ biến thành 0. Điều này có thể khó sử dụng vì nó có nghĩa là tạo kiểu phần tử MỌI bạn muốn sử dụng. tức là danh sách không còn có bất kỳ kiểu đệm hoặc danh sách mặc định nào.

http://necolas.github.com/normalize.css/ < < Bình thường hóa cung cấp cho bạn một số cài đặt mặc định nhưng vẫn cố gắng mang tất cả trình duyệt hiện đại đến cùng một điểm xuất phát.

Khi nói đến tiền tố thực sự chỉ một số thuộc tính CSS sử dụng chúng. Có một lời giải thích tốt ở đây: http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm

Danh sách mà trình duyệt sử dụng mà tiền tố:

• Android: -webkit-
• Chrome: -webkit-
• Firefox: -moz-
• Internet Explorer: -ms-
• iOS: -webkit-
• Opera: -o-
• Safari: -webkit-

Cũng cần lưu ý một số thuộc tính CSS cần được xác định khác nhau cho các phiên bản cũ hơn của IE bằng bộ lọc. Opacity là một trong số đó.