휴대폰용 단일 페이지를 만들고 프레임워크가 다른 페이지를 호출합니다. 이 페이지는 휴대폰 화면에 맞습니다. JS에서 호출한 페이지가 너무 크거나 불완전하게 표시됩니다.

휴대폰이 확대/축소되거나 확대되지 않으면 페이지 크기가 항상 잘못됩니다. 프레임워크를 사용하는 것은 불가능합니다. 휴대폰용으로 다른 스타일 세트를 작성해야 합니다. 예를 들어 컴퓨터의 헤더 너비는 960px이고 휴대폰의 헤더 너비는 100%입니다.

#pc #top{width:960px;}

#phone #top{width:100 %;}

아직 작성해야 할 코드가 많습니다. 페이지의 해당 요소는 휴대폰과 컴퓨터에서 서로 다른 스타일로 작성되어야 합니다...

그런 다음 js 또는 CSS 미디어 쿼리를 사용하여 휴대전화와 PC에 대해 다양한 스타일을 호출합니다(자세히 말하면 태블릿 스타일과 향후 기기를 고려한 스타일도 있습니다).

이전에는 두 스타일 세트를 혼합할 수 없으며 별도의 모바일 버전 웹사이트를 만들 수도 있습니다...

Baidu의 핵심 포인트: js는 다른 스타일을 호출하고 CSS 미디어 쿼리< /피>