media query không chạy ở môi trường deploy mobile

35 lượt xem

Ẩn danh

Ngày 10 Tháng 05

Em đang chạy dự án với nextjs Khi code thì khi e đổi version mobile trên chrome devtools thì vẫn project vẫn chạy bth cho đến khi deploy xong e test iphone thì lại không được ạ. Code của e có dạng này: // size.ts const MOBILE_PX = '768px' export const MOBILE_MODE = `(max-width: ${MOBILE_PX}) as const` // index.ts import {MOBILE_MODE} from '~~~' @media (${MOBILE_MODE}) { display:flex; flex-direction: column; } Em có tra gg thì thấy ngta hay bảo cho thêm tag <meta name="viewport" ~~~ /> thì e cũng đã cho vào rồi, nhưng vẫn chưa tìm ra nguyên nhân, cứu em với mn ơi hic