Tôi nhận thấy rằng Safari không hoạt động tốt với Tài liệu Góc. Có vẻ như vấn đề tương thích ở khắp mọi nơi: kiểu dáng, bố cục, v.v ... Có ai khác phải đối mặt với những vấn đề đó và có lời khuyên tốt về cách giải quyết những điều đó một cách độc đáo không?Tài liệu Góc và Trình duyệt Safari
Vào thời điểm các câu hỏi, thực sự có vấn đề với Material góc trong Safari:
Bạn đang sử dụng Vật liệu góc tại phiên bản < v0.10.1, trong thực tế, có rất nhiều vấn đề nói chung. Tuy nhiên, ngày nay (và trên thực tế sau khi Material Angular v1.x), những vấn đề đó đã biến mất (không chỉ trong Safari).
Vật liệu góc trở nên ổn định hơn và có hiệu suất cao hơn (bằng chứng là 7000 vấn đề đóng). Flexbox cũng được hỗ trợ tốt hơn hiện nay, đó là nguyên nhân của nhiều vấn đề bố cục cho các phiên bản < 1.x.
Đối với bất kỳ ai tìm ra câu hỏi ngày hôm nay rằng đang chạy Material góc < v1.x, câu trả lời rất đơn giản: nâng cấp Chất liệu kiễu góc lên một phiên bản mới hơn, tốt v1.1+.
Tôi đang sử dụng tài liệu góc https://material.angular.io trong phiên bản package.json là "@ góc/vật liệu": "2.0.0-beta.12" và hoạt động tốt trong trình duyệt crome nhưng kiểu/bố cục/phông chữ bị ngắt trong safari trình duyệt V 5.1.7 (7534.57.2). dưới đây là ảnh chụp màn hình của một số kiểm soát mẫu 
Tương tự ở đây - Tôi đang gặp sự cố trong Safari không có trong IE, hãy để một mình FF hoặc Chrome. Nổi bật, chúng tôi đang có rất nhiều trường hợp 'md-content' sụp đổ (chiều cao: 0) vì không có lý do chính đáng nào cả, hoàn toàn ẩn toàn bộ phần bố cục, v.v. – csvan
có vẻ như đó là thuộc tính' layout-fill' cụ thể. 'Height: 100%' là nguyên nhân gây ra các vấn đề thu gọn trong Safari. – daniel0mullins
Sự cố này: https://github.com/angular/material/issues/1720 dường như giúp tôi rất nhiều với bố cục cho safari –