Loadding..

Cách fix css cho trình duyệt Firefox

Cách fix css cho trình duyệt Firefox

 

Đa số các trình duyệt khác có lõi xử lý là webkit hiển thị khá tốt và giống nhau. Firefox vẫn đi theo một hướng riêng của mình. Khi làm việc với html/css thì có thể xuật hiện 1 số chỗ trên firefox hiển thị không được chuẩn so với PSD thiết kế và các trình truyệt lõi webkit.

 

Có một cách để khăc phục đó là viết cho firefox đọc hiểu riêng 1 đoạn css. Đoạn css sẽ được firefox ưu tiên hơn và xử lý sẽ giúp việc xây dựng 1 layout hiển thị tốt trên tất cả các trình duyệt.

 

Trước tiên ta có đoạn mã khai báo sau:

@-moz-document url-prefix(){
    //code here .....
}

 

Khi firefox hiển thị không theo ý bạn ở phần tử nào đó thì bạn hãy viết 1 đoạn css cho phần tử trong đoạn mã khai báo trên.

nav {
    margin-top: 50px;
}

@-moz-document url-prefix(){
    nav{
        margin-top: 100px;
    }
}

 

– Lưu ý:

Ta chỉ cần thêm đoạn mã fix cho Firefox vào bên dưới code css của phần từ mà trên firefox hiển thị chưa chính xác.

 

– Lời kêt:

Đây là 1 mẹo nhỏ khi làm việc với css, chúc bạn học tập và làm việc tốt 😀 .

Print
Image

enqtran

I’m enqtran – A coder and blogger :)
[email protected]