방금 html/css/javascript를 배우기 시작했으며 연습을 위해 웹 사이트를 함께 구성하기로했습니다. 나는 이제 내가이 웹 사이트를 만들 때 취한 많은 접근법이 나쁜 습관으로 여겨지는 것을 알고있다. 그래서 나는 그것을 계속하지 않을 것이다. 내가 겪고있는 문제는 파이어 폭스의 모바일 에뮬레이터에서 볼 수있는 모바일 레이아웃을 실제로 모바일 장치에 표시하는 것입니다. 이 문제를 해결하는 방법에 대한 조언이 있으십니까?모바일 용 웹 사이트 레이아웃은 에뮬레이터에서는 잘 보이지만 실제로는 모바일 장치가 아닙니다.
미리 감사드립니다. < 머리 > 요소, 페이지에 메타 태그를 추가
시도 :
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
나는 잠시 전에 부트 스트랩이 문제를 가지고 다음 온라인이 멋진 대답을 발견했다. 부트 스트랩이나 구체화와 같은 것을 사용하는 것도 권장합니다.
정확한 메타 태그가 없지만 이미 비슷한 점이 있습니다. 나는 그것이 내 문제를 해결할 것이라고 생각했지만 계속 지속되었다. – user3657449
대부분의 최신 브라우저에는 기본 CSS 스타일링이 이미 있습니다. 기본 HTML 요소없이 <h1>sentence</h1>을 입력하면 Chrome에서 계속 웹 페이지를 제공합니다.
나는 Bootstrap과 같은 기본적인 웹 디자인 프레임 워크를 만들었으며이 세 줄은 응답 성있는 웹 페이지 제작에 중요합니다. <head></head> 맨 위에 추가해야합니다.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="en">
<meta name="viewport" content="width=device-width">
보관 용 파일이 열리지 않으므로 본 적이 없습니다. 이것을 추가하여 작동하는지 확인하십시오.
제공하신 메타 태그를 추가하려했지만 운이 없었습니다. Dropbox 파일은 지금 작동해야한다고 생각합니다. – user3657449
이미 내 문제에 대한 답변을 찾았습니다. 문제는 복제 될 가능성이 거의 없으므로 문제가 남아있는 경우 아무 것도 추가하지 않습니다. 삭제하십시오. 감사! – user3657449