Hello mọi người,
Em đang học html và css. Em có bài tập là phải fake 1 trang web bất kì,
Nói chung là em làm được rồi nhưng khi mình zoom lên thì mất hết vị trí.
Mọi người cho em hỏi là có cách nào để cố định khi mình zoom k ạ.
Mọi người giúp em vơi.
Em cảm ơn.
Cố định vị trí element khi Zoom HTML CSS
Em có code hay ảnh minh họa gì đó không? Để còn biết chính xác mà lần nhé.
1 Like
Chắc do bạn không chia layout mà dùng position: absolute để đặt vị trí chăng !
2 Likes
mình fixed thằng menu nên không dùng absolute
Cái này do đơn vị thôi em, anh đoán thôi chắc là em để div bố theo đơn vị %, div con theo đơn vị px nên nó vậy.
Do bạn không cố định khung bao ngoài. Dùng một thẻ div.wrapper bọc xung quanh phần cần cố định width rồi căn nội dung theo nó.
.wrapper {
width: 960px;
margin: 0 auto;
}
Ngoài ra, tìm hiểu thêm responsive nhé bạn. Có bài viết này khá đầy đủ: Responsive Web Design là gì? Từ khái niệm đến thực tế.
Bạn cứ code bằng HTML, CSS thuần cho quen. Sau đấy học cách dùng Bootstrap và làm lại web đấy xem.
3 Likes
Okay anh. Em cảm ơn nhiều.
Dạ đúng rồi ạ. Thế div em để px có cái em lại để %. Anh có tips nào chỉ em với.
dùng đơn vị tương đối đi bạn bỏ px đi dung em, rem, vh, vw
1 Like
Mình quen dùng px thì có được không. Tại mấy cái kia mình cũng chưa dùng.
dùng px không scale được đâu vì nó là giá trị tuyệt đối rồi chịu khó dùng đi bạn nó cũng thế ý mà cái livejs vào sửa code xong thấy được là ok
1 Like
dùng những giá trị kia là sẽ được à.
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?