2015-11-19 21 views
5

Tôi đang sao chép mã trực tiếp từ getmdl.io (trang thành phần) và trên tất cả thiết bị (nhiều PC, trình duyệt, điện thoại, v.v ...) . Tôi dường như không thể cô lập biểu tượng menu trong css để căn chỉnh lại nó. Tất cả mã thành phần trên getmdl.io có biểu tượng bánh burger được hiển thị chính xác. Đây là một hình ảnh ví dụ. (Tôi không có đủ uy tín để liên kết trực tiếp đến hình ảnh.) http://i.imgur.com/e9HiCP5.jpgTrình đơn bánh hamburger thiết kế Lite không tập trung vào tiêu đề

đây là mã trong câu hỏi

http://pastebin.com/Wgdt71Mv

+0

Vui lòng cung cấp mẫu mã về chính xác bạn đang chạy. Chúng tôi đã thấy vấn đề này một vài lần trước đây, nó luôn luôn kết thúc là một lỗi trong mã một nơi nào đó và không phải là một vấn đề MDL (vì nó hoạt động hoàn hảo trong tất cả các ví dụ và mẫu của chúng tôi.) – Garbee

+0

Tôi gặp vấn đề tương tự, đã tạo jsbin hiển thị [code] của tôi (http://jsbin.com/huqohokaxo/edit?html,output). Đây là một [đầu ra] (http://output.jsbin.com/tuhaharuhi) hiển thị vấn đề. Một điều kỳ lạ xảy ra ở đây là, cùng một mã hoạt động tốt trên [Codepen] (https://codepen.io/anon/pen/BobVOL) !! Weird :( – Maulik

+0

Đây là mã được đề cập http://pastebin.com/Wgdt71Mv –

Trả lời

19

Hình như bạn cần phải thêm HTML5 DOCTYPE thích hợp để đánh dấu của bạn để làm cho mọi thứ hoạt động bình thường. Thử thêm <!doctype html> vào đầu HTML của bạn. Điều đó sẽ khắc phục nó.

Ngoài các loại tài liệu, chúng tôi đã có một lỗi chiều cao nhỏ trên thanh ứng dụng khiến cho nó bị lệch khoảng 2px. Điều này đã được giải quyết và sẽ được đưa ra trong bản phát hành tiếp theo.

+2

Tôi đã có chính xác cùng một vấn đề, và điều này hoàn toàn cố định nó - cảm ơn –

+0

Cảm ơn! Giải pháp của bạn đã làm việc rất tốt ở đây. :) – bodruk

Các vấn đề liên quan