미디어 전용 도움말

안녕하세요. 미디어 전용 화면 구현과 관련하여 겪고 있는 문제에 대해 도움을 주실 수 있는지 궁금합니다.

저는 초보 프로그래머이고 이렇게 큰 코드를 개발한 것은 이번이 처음이라는 점을 말씀드리고 싶습니다.

저는 현재 회사의 새 웹사이트를 작업 중이며 홈페이지를 완성했습니다. 지금은 모바일 기기에 반응하도록 만드는 데 집중하고 있습니다.

홈페이지용 CSS 파일에 Media Only 요소를 일부 생성했지만 모바일 기기에는 즉시 적용되지 않습니다. 또한 페이지를 모바일로 표시하는 모드가 있는 FireFox Developer Edition을 사용한다는 점도 지적하고 싶습니다.

미디어 전용 화면을 만들고 대부분의 모바일 장치의 크기를 온라인으로 검색했지만 크기가 잘못된 것이 아닐까 걱정됩니다. 나를 도와주실 만큼 친절하시겠어요?

HTML과 CSS에 경험이 있는 분이 정확한 크기를 알려 주실 수 있을까요?

내 코드

media only screen and (min-width: 360px) and (max-width: 393px){}
@media only screen and (min-width: 412px) and (max-width: 428px){}
@media (min-width: 576px) and (max-width: 768px) {}

위 내용은 미디어 전용 도움말의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!