웹페이지 만들었을때 모바일용은 @media로 하는건가요?

안녕하세요 혼자 공부하며 웹페이지 만들면서 공부중인데요

모르는 부분은 인터넷 검색하면서 제가 생각하는 웹페이지를 만들긴 했는데

모바일로 들어가면 컴퓨터로 들어갔을때랑 다른점이 있어 @media를 이용해서 모바일로 봤을때도

제가 원하는 모양이 나오게 수정했었어요

근데 또 모바일로 예쁘게 나오게 하니까 컴퓨터로 윈도우 창을 줄이면 제가 생각한거랑 다르게

나와서 머리가 아프네요 ㅠㅠ

혹시 다른 기기에는 적용 안되고 모바일에만 적용시키는 명령어 같은게 있나요?

(또 제가 섹션의 높이 값보다 $(window).scrollTop() 값이 커지면 section안의 내용물들이 opacity:0에서 1로 바뀌게 만들었는데 컴퓨터로는 잘되는데 모바일에서는 안나타나거나

스크롤이 끝까지 내려가지 않는데 제가 높이 설정 같은걸 잘못해서 그런간가요?)