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ỡ?

#1

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

#2

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
2 Likes
#3

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

2 Likes
#4

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,… :wink:

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 :smiley:

2 Likes
#5

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

2 Likes
#6

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

2 Likes
#7

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.

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?