Giúp về CSS responsive với máy Mac

#1

http://staging.moomoo.sg/big3/
Em test web này với width 1280px thấy ổn http://prntscr.com/joxb4n
Nhưng lúc ra máy Mac (width cũng 1280px) check lại thì nó bị lỗi này
http://prntscr.com/joxjm9

1 Like
#2

Theo cá nhân mình nghĩ, cái này nó load chưa xong css nên bị vậy thôi. Chứ pixel thì máy giống nhau mà.

1 Like
#3

Chúc mừng, bạn đã dính lời nguyền của retina display :3
Mình từng bị và quăng cho ông front-end có mac sửa luôn giúp mình.

6 Likes
#4

Nó load xong hết rồi bạn. Mình điên đầu mấy nay mà chưa kiếm ra cách.

1 Like
#5

Mình cũng vậy mà chẳng được. Hình như bị lỗi font mà không biết cách nào để sửa được.

1 Like
#6

Bạn check lại ngay chỗ này
.vc_general.vc_btn3
có thuộc tính line-height:normal;
line-height default của mỗi trình duyệt là khác nhau, mình thử tắt thuộc tính này thì thấy độ cao của thẻ a giảm bằng đúng thuộc tính padding, suy ra độ cao của thẻ a này đang có là nhờ line-height. Bạn remove thuộc tính này ra, sau đó tăng padding top và bottom lên để có độ cao như ý, rồi test lại.
Tương tự với đoạn chữ bị dính, là do line-height quá thấp so với độ lớn của text, nói chung nên set hẳn line-height bằng pixel hoặc em, không để nomal.

2 Likes
#7

Thanks bạn. Nhưng mình vừa kiếm ra được cách là convert lại custom font của mình qua trang này: https://www.fontsquirrel.com/tools/webfont-generator
Và mình chọn thêm option “Auto-Adjust Vertical Metrics”
Thật tốt khi kiểm tra bên máy Mac đã ổn lại,
Dù sao cũng thanks bạn nhiều :heart_eyes:

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