Vừa qua trình duyệt nổi tiếng Chrome của Google được cho là dính phải một số lỗi hiển thị css.
Sau khi tìm hiểu, thì lỗi này chỉ xuất hiện trên bản cập nhật số 39, cụ thể là bản 39.0.2171.65
Lỗi này phát sinh được dự đoán một phần do độ phân giải màn hình, một phần khác nhiều khả năng hơn là do lỗi lập trình chuẩn của thiết kế viên bỏ qua những chỗ mà thông thường các trình duyệt đều hiển thị đúng.
- Facebook là một trong những trang web có lượt truy cập nhiều nhất thế giới cũng bị lỗi hiển thị trên chrome mới
- Tuy nhiên, hãy khoan đổ lỗi cho Lập trình viên, cho Chrome,.. trong bài viết này chúng ta sẽ đề cập đến việc khắc phục lỗi đó từ các khía cạnh khác nhau như thế nào.
I. Với phương diện người dùng, theo chia sẻ của Admin diễn đàn đồ họa vietdesigner, có 2 cách khắc phục.
A. Cách thứ nhất, đơn giản và không mất công suy nghĩ, đó là chờ bản cập nhật thứ 40 của chrome hoặc tải bản chrome 38 về tại địa chỉ:
http://dl.google.com/chrome/win/38.0.2125.101_chrome_installer.exe
Tuy nhiên cách này có vẻ như không mấy khả quan lắm khi mà chúng ta ngày ngày giờ giờ sử dụng trình duyệt này để duyệt web, online,..
B. Cách thứ hai, Enable một vài tính năng thử nghiệm trong Chrome Flags, cách làm như sau:
1 – Trên thanh địa chỉ, gõ:
chrome://flags
2 – Tìm phần Tắt (Disable) DirectWrite và ấn chọn Bật (Enable)
3 – Khởi động lại Chrome.
Hai cách trên, được chỉ định dành cho người dùng, và tất nhiên là không có cách nào được khuyến khích. Nhưng biết làm sao được. Đành phải vậy thôi.
II. Với phương diện là những coder, designer, thì hiển nhiên chúng ta sẽ sửa theo cách riêng của chúng ta.
1 – Websiste bị lỗi css khá nhiều trên thanh menu. Chúng ta thêm đoạn thuộc tính css sau vào class/id đang bị lỗi white-space: nowrap;
Vậy là chúng ta đã fix xong lỗi tràn menu màn hình trên trình duyệt Chrome
P/s: Tất nhiên còn một cách nữa, không phải mất nhiều công sức như 3 cách trên. Đó là thay vì sử dụng chrome, hãy sử dụng Firefox
Xem thêm:
