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 nảy đượ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
>>> Xem thêm: Thiết kế web theo yêu cầu
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 góc cạnh khác nhau như thế nào.
I. Với mặt người dùng, theo san sẻ của Admin diễn đàn đồ họa vietdesigner, có 2 cách khắc phục.
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ư thường mấy khả quan lắm khi mà chúng ta ngày thì giờ giờ sử dụng trình duyệt này để duyệt web, online,..
Một website bị lỗi hiển thị css trên chrome bản cập nhật thứ 39
Cách thứ hai, Enable một đô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à cố 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 bình 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 - Như hình minh họa thứ hai, websiste bị lỗi css khá nhiều trên thanh menu. Chúng ta hãy click chuột vào các chỗ lỗi và mở developer tools của chrome lên:
2 - Tìm đến các class/id css bị lỗi hiển thị trong file css
3 - Thêm đoạn tính chất css sau vào class/id đang bị lỗi:
white-space: nowrap;
4 - Save css lại.
Người dùng của bạn sẽ chẳng phải khó chịu khi vào một trang web toàn lỗi css nhìn không bắt mắt nữa.
Trên đây là một số cách để mọi người tham khảo, có thể còn nhiều cách đơn giản khác, nhưng nhìn nó sẽ giúp ích cho các bạn trong khi duyệt web và thiết kế web.
>>> Xem thêm: Tìm hiểu chỉ số của SEO Quake
P/s: cố 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.
0 nhận xét:
Đăng nhận xét