30/09/2018, 17:38

Làm sao để định dạng tỉ lệ trang web của mình bằng CSS để zoom vào web không bị vỡ?

Mọi người chỉ em cái này với làm sao để định dạng tỉ lệ trang web của mình để zoom vào web không bị vỡ em có nghe sơ sơ từ “scale” mà không biết sử dụng thế nào

asdasdasd viết 19:52 ngày 30/09/2018

Cậu sử dụng bootstrap đi . .col-xx-1 -> .col-xx-12 ( xx là tỉ lệ màn hình điện thoại , máy tính bảng , máy tính ) .

.col-xs- => None (auto)
.col-sm- => 750px
.col-md- => 970px
.col-lg- => 1170px

viết 19:53 ngày 30/09/2018

Bạn tham khảo Responsive Boostrap nhé!

Võ Hoài Nam viết 19:46 ngày 30/09/2018

Ngoài xài Twitter Bootstrap, Zurb Foundation,… thì bạn thử tìm hiểu các đơn vị trong CSS có hỗ trợ như là px, pt, em, rem,…

Mình đang tập làm một trang web có khả năng responsive nhưng không dùng CSS Preprocessor nào cả… Mình đang thử nghiệm với đơn vị rem và thẻ @media

Nguyễn Công Kiên viết 19:47 ngày 30/09/2018

Em cũng đang làm reponsive không bootstrap :3

Võ Hoài Nam viết 19:50 ngày 30/09/2018

Vậy thì cứ chơi với @media trong CSS rồi từ từ lên tay

Vinh Nguyễn viết 19:42 ngày 30/09/2018

Có lẽ bạn đang cần responsive, trên w3school có hướng dẫn cơ bản.
Và chia các chia các layout, component theo tỉ lệ %. Có thể vậy.
Mình kinh nghiệm hạn hẹp, nếu có gì sai mong các pro chỉ giáo.

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

Hiếu Từ

0 chủ đề

0 bài viết

Tác giả nổi bật