2012-02-16 33 views
52

Tôi đang sử dụng trình khởi động twitter. Vấn đề của tôi là kích thước phông chữ trong bảng là sai. Đối với một số lý do, biểu định kiểu người dùng Agent sẽ ghi đè kiểu bảng khởi động.Biểu định kiểu tác nhân người dùng ghi đè kiểu bảng của tôi? Twitter Bootstrap

Trên trang khởi động twitter (http://twitter.github.com/bootstrap/base-css.html) mọi thứ đều hoạt động chính xác.

Trong thanh tra của tôi, tôi thấy sự khác biệt sau:

trang của tôi:

CSS style for my page

Các trang twitter bootstrap:

CSS style for twitter bootstrap page

Vì vậy, chắc chắn vấn đề là các biểu định kiểu tác nhân người dùng sẽ ghi đè kiểu khởi động.

Tôi chưa thể tìm ra lý do tại sao điều này khác trên trang của tôi và trang khởi động twitter.

Hầu hết CSS khác đều hoạt động tốt.

My css nhập khẩu:

<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet"> 

CSS nhập khẩu trên twitter trang bootstrap:

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
+22

Tôi thực sự đã tự mình tìm ra điều này, nhưng tôi nghĩ rằng tôi sẽ đăng câu hỏi đó vì nó có thể giúp người khác. Tôi đã viết sai mã số . Vì vậy, nếu bạn có vấn đề này, hãy chắc chắn rằng việc khai báo DOCTYPE là đúng! – Riku

+0

xác định kiểu đặt lại cho bảng – krish

+1

Tôi muốn cung cấp cho bạn nụ hôn! Điều này hoàn toàn tiết kiệm thời gian và dây thần kinh của tôi. –

Trả lời

81

Tôi thực sự đã tự mình tìm ra điều này. Tôi đã viết sai thẻ <!DOCTYPE html>. Vì vậy, nếu bạn có vấn đề này, hãy chắc chắn rằng việc khai báo DOCTYPE là đúng!

+1

Khắc phục sự cố. Vẫn hoàn toàn bối rối tại sao nó sẽ làm điều đó – Damon

+0

Tôi đã có vấn đề này khi cố gắng để chuyển đổi các tập tin haml sang định dạng erb (ruby trên đường ray). Haml tự động bao gồm một DOCTYPE với ký hiệu '!!!'. – Chris

+0

@Riku Tuyệt vời sửa chữa.Cảm ơn rất nhiều anh chàng. Đã phá vỡ đầu của tôi trong 2 giờ! .. Nhưng lỗi kỳ lạ. – niranjan94

1

hãy nhập docs.css vào ứng dụng của bạn là tốt. Nếu tôi phải nói như vậy, bạn phải nhận ra rằng Tài liệu Khởi động Twitter đang sử dụng bootstrap.css và docs.css tùy chỉnh. Hãy thử làm, bạn có thể tải xuống từ gói github. Sau đó, thử chơi xung quanh với các lớp bảng trong tài liệu. css mà không gây rối với css chủ. Hoặc thử thêm DOCTYPE vào tiêu đề.

<link href="/media/bootstrap/css/docs.css" rel= "stylesheet"> 
1

Nếu tuyên bố <!DOCTYPE html> ngay từ đầu không hoạt động thì có thể không phải là biểu định kiểu tác nhân người dùng của bạn. Nó có thể là phong cách Bootstrap của tờ ghi đè phong cách của bạn (Tôi đã có vấn đề này). Đảm bảo rằng biểu định kiểu của bạn được liên kết với sau biểu định kiểu Bootstrap trong HTML của bạn.

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's --> 
0

Kiểm tra xem CSS của bạn có được gọi hay không trong công cụ phát triển trình duyệt (nhấn F12) trong cột mạng.

Nếu không gọi, hãy sử dụng các tờ định kiểu của bạn with1 rel="stylesheet" type="text/css".

Nó làm việc cho tôi.

+0

Đây không phải là câu trả lời cho câu hỏi. – vonbrand

1

Tôi có cùng vấn đề với OP.Tôi muốn đáng yêu văn bản nhỏ và một số người sử dụng stylesheet được overiding nó và đưa:

font-size: medium; 

Khi tôi muốn:

font-size:8pt; 

tôi đặt sau ở phía trên cùng của trang HTML của tôi:

<!DOCTYPE html> 

Tất cả đều tốt, một thói quen xấu để đi vào để không tuyên bố doctype ở đầu trang. Tất cả các bảng định kiểu người dùng hiện đã biến mất.

Để khám phá nội dung quan trọng trên CSS, bạn nên kiểm tra phần tử (F12) và bạn có thể sửa đổi và bỏ thuộc tính khi đang di chuyển, sau đó cập nhật tệp CSS của mình!

Tuy nhiên nếu bạn gặp vấn đề về biểu định kiểu người dùng, các giá trị này sẽ bị khóa.

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