thắc mắc Khi reponsive thì mọi người sử dụng đơn vị tương đối ngay khi ở thiết kế ban đầu (màn hình lớn) hay là tuyệt đối rồi đến khi reponsive cho từng màn

vlingn

Junior Member
Xin chào mn, em là newbie, em có 1 thắc mắc là khi thiết kế reponsive cho từng loại màn hình thì khi làm ra giao diện ở ban đầu (màn hình lớn) thì mình sẽ sử dụng đơn vị tuyệt đối ngay rồi đến lúc reponsive mới sử dụng đơn vị tương đối hay là như thế nào vậy ạ ? Em xin cảm ơn !
 
Layout chiều ngang toàn màn hình sẽ dùng hệ thống 12 cột ( Kích thước mỗi cột sẽ là 100% / 12 )

Các khoảng cách margin, padding sẽ dùng tuyệt đối (px, rem, .. )
 
Layout chiều ngang toàn màn hình sẽ dùng hệ thống 12 cột ( Kích thước mỗi cột sẽ là 100% / 12 )

Các khoảng cách margin, padding sẽ dùng tuyệt đối (px, rem, .. )
Cái grid này là css grid hay là thuật ngữ vậy ad ơi, em thấy có 2 cái grid nhưng thấy nó khác nhau
 
Cái grid này là css grid hay là thuật ngữ vậy ad ơi, em thấy có 2 cái grid nhưng thấy nó khác nhau
Nếu bạn đang là lập trình viên dùng css để code thì nó có các thư viện css có hỗ trợ phần chia cột , ví dụ bootstrap css thì nó có các class row, col col-6 col-12 ...
 
Nếu bạn đang là lập trình viên dùng css để code thì nó có các thư viện css có hỗ trợ phần chia cột , ví dụ bootstrap css thì nó có các class row, col col-6 col-12 ...
em newbie và đang học Css đến reponsive thôi a ạ, em đang làm css thuần chứ chưa học ngay fw ạ
 
Xin chào mn, em là newbie, em có 1 thắc mắc là khi thiết kế reponsive cho từng loại màn hình thì khi làm ra giao diện ở ban đầu (màn hình lớn) thì mình sẽ sử dụng đơn vị tuyệt đối ngay rồi đến lúc reponsive mới sử dụng đơn vị tương đối hay là như thế nào vậy ạ ? Em xin cảm ơn !
tuỳ, cái nào cũng có hay có dỡ, nhưng mà thiết kế từ màn lớn rồi xuống mobile là dỡ rồi. Dev thì nên làm từ mobile rồi đi lên, dựa vào media query screen size, kích thước có thể base vw/vh rồi clamp. css/style từ mobile lên thì sẽ optimize hơn cho device của end user. Ngắn gọn là thế. Dài lừi gõ.
 
em newbie và đang học Css đến reponsive thôi a ạ, em đang làm css thuần chứ chưa học ngay fw ạ
Dùng fw làm phần responsive thôi cũng ok, không cần dùng hết các tính năng như button, modal ,.. Muốn hiểu về responsive thì tìm hiểu @media screen trong css, các framework đều dùng nó để làm responsive
 
tuỳ, cái nào cũng có hay có dỡ, nhưng mà thiết kế từ màn lớn rồi xuống mobile là dỡ rồi. Dev thì nên làm từ mobile rồi đi lên, dựa vào media query screen size, kích thước có thể base vw/vh rồi clamp. css/style từ mobile lên thì sẽ optimize hơn cho device của end user. Ngắn gọn là thế. Dài lừi gõ.
oke, em cảm ơn sếp
 
Thời này còn chia columns gì nữa mấy thím, gird với flex, gap.. layout kiểu gì cũng bắn đc, columns dành cho mấy bác không rành css Copy paste hồi xưa xài bootstrap thôi.
 
Thời này còn chia columns gì nữa mấy thím, gird với flex, gap.. layout kiểu gì cũng bắn đc, columns dành cho mấy bác không rành css Copy paste hồi xưa xài bootstrap thôi.
Lúc đầu chủ thớt kêu thiết kế nên tưởng làm designer :LOL:, giờ vẫn còn xài chia cột nhiều lắm
 
tuỳ, cái nào cũng có hay có dỡ, nhưng mà thiết kế từ màn lớn rồi xuống mobile là dỡ rồi. Dev thì nên làm từ mobile rồi đi lên, dựa vào media query screen size, kích thước có thể base vw/vh rồi clamp. css/style từ mobile lên thì sẽ optimize hơn cho device của end user. Ngắn gọn là thế. Dài lừi gõ.
newbie thì nên đi từ màn lớn rồi custom màn nhỏ dễ hơn :rolleyes:
 
Grid mà mọi người hay nói thường là hệ thống lưới chuẩn 12 cột
Còn grid css là dạng hệ thống hàng và cột - có trục x và y.
Chia sẻ thêm với bác thớt về flex css vs grid css:
là flex chỉ đi theo 1 trục ( row hoặc column)
Grid css đa dạng và hack não hơn vì có thể đi theo 2 trục. Nên từ đó có thể custom mấy cái layout masonry hiển thị hình ảnh ngang dọc
 
Cho mình hỏi bên React Native có support flex sẵn rồi, nhưng grid có chưa support nhiều chưa nhỉ - thấy toàn phải hack?
 
Back
Top