ejs에서 미디어쿼리가 엄청 작게 나오는 이유가 무었일까요....

Question

안녕하세요ejs로 웹페이지를 만드는중입니다.다름 아니라 css 미디어쿼리를 확인하던 중 예전부터 이상한걸 느껴서 질문드립니다.html로 할때는 &#64;media (max-width:768px) { }위에처럼 해도 모바일 환경에서 제가 xd에 디자인 한것과 같이 보여졌습니다.대강 이런식으로요그런데 ejs로 넘어와서 똑같이 미디어쿼리를 주니까 모바일에서는 미디어쿼리 자체가 적용이 안되더라고요...그래서 몇가지 찾아보던 중&#64;media (max-device-width:768px) { }이런식으로 max-width가 아니라 중간에 device로 붙이니까 적용은 됩니다만이런식으로 엄청 작게 나오는데 이게 왜 이렇게 되는건지 아시는분 계실까요...물론 하나하나 다시 제가 작업해서 디바이스에 크기에 css를 수정하면되지만 원론적으로 왜 이렇게 작게 나오는지 그게 의문이들어서요...혹시나 싶어서 제 폰(아이폰13)의 width와 height를 알아보고 그대로 사이즈를 맞춰서 넣어봤는데 그래도 젤 처음 이미지 처럼 나오지 바로 위의 이미지처럼은 절대로 나오지 않더라고요 ;;

ejs에서 미디어쿼리가 엄청 작게 나오는 이유가 무었일까요....

0개의 답변

Q&A 목록