Android hiển thị hình chữ nhật thay vì không gian màu trắng

Question

Tôi gặp sự cố tái diễn với Trình duyệt Android. Đây là trang web trên thiết bị di động KHÔNG phải là một trang web. Những điều đơn giản như

<li> 
     Some Text 
    </li> 
    <li> 
     Some Text 
    </li> 

ám tốt ở khắp mọi nơi nhưng trong Android, nơi giữa các mục danh sách tôi nhận được một hình chữ nhật nhỏ, (như các nhân vật không có trong hình chữ nhật font chữ này) giữa chúng. Tôi chỉ có thể giả định rằng trong mã của tôi có một ký tự ngắt dòng hoặc khoảng trắng được nhận diện ở mọi nơi nhưng cho Android. Nó rất khó chịu và tôi chưa tìm thấy bất kỳ tài liệu nào về chủ đề này. Thỉnh thoảng tôi phải nghỉ mát để 'Chúa Giêsu Fish' hack để thoát khỏi nó. Đối với những người không biết này hack nó một phương sách cuối cùng cũ từ xử lý khoảng trắng và linebreaks IE6 hack trông như sau:

<li>something</li 
    ><li>something</li 
    ><li>something</li> 

Tôi đang sử dụng IntelliJ IDE nếu giúp. Có ai có bất kỳ ý tưởng tại sao điều này xảy ra?

Answer 1

Câu trả lời đúng thật là ...

Kiểm tra quy tắc CSS của bạn. Nếu bạn có text-rendering:optimizeLegibility thì các hộp xuất hiện CHỈ trong các thiết bị Android.

Tôi đã tìm ra điều này bằng cách cắt tệp css của tôi làm đôi, sau đó một nửa lại và cứ như vậy cho đến khi các hộp biến mất. Đã thu hẹp vị trí trong CSS, tôi đã thêm lại bit cuối cùng mà tôi đã xóa và sau đó tôi đã xóa từng quy tắc một. Cuối cùng, tôi đã đạt được quy tắc CSS vi phạm và thu hẹp quy tắc này xuống thêm. Vì vậy, trong một nutshell, đây là câu trả lời đúng. Hãy bình chọn cho tôi!

Trước Xem:

vi phạm CSS:

Sau Rule Removed:

Ngoài ra còn có báo cáo lỗi này tại Google: http://code.google.com/p/android/issues/detail?id=15067&q=text-rendering&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars

Answer 2

Hãy thử chỉnh sửa cùng một tệp (với sửa chữa xóa TẤT CẢ không gian giữa các danh sách) trên Notepad hoặc Notepad ++ và thêm khoảng trắng và xác định với nó ane xác minh lại, có lẽ IDE của bạn đang thêm một số ký tự.

Nếu bạn có notepad ++, bạn có thể muốn chuyển đổi nó sang UTF-8 bằng cách sử dụng menu Mã hóa, cũng thêm định nghĩa ký tự vào phần bổ sung của tài liệu.