>웹 프론트엔드 >CSS 튜토리얼 >내 Twitter Bootstrap 3 웹 사이트가 Internet Explorer 8의 모바일 버전을 표시하는 이유는 무엇이며, 컨테이너 클래스의 'max-width' 문제를 어떻게 해결할 수 있습니까?

내 Twitter Bootstrap 3 웹 사이트가 Internet Explorer 8의 모바일 버전을 표시하는 이유는 무엇이며, 컨테이너 클래스의 'max-width' 문제를 어떻게 해결할 수 있습니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-14 20:27:20268검색

Why is my Twitter Bootstrap 3 website displaying the mobile version in Internet Explorer 8, and how can I fix the `max-width` issue on the container class?

Internet Explorer 8의 Twitter Bootstrap 3 문제

질문 내용:

나는 창조자입니다. 새로운 Twitter Bootstrap을 사용하는 웹사이트. 이 웹사이트는 IE8을 제외한 모든 필수 브라우저에서 제대로 표시되고 작동합니다.

IE8에서는 요소의 모바일 버전을 표시하는 것처럼 보이지만 데스크톱 모니터의 전체 화면으로 확장됩니다. 제가 겪고 있는 문제는 Twitter Bootstrap이 모바일 우선이라는 것입니다. 그래서 어떤 이유에서인지 IE8에서는 이 옵션을 사용합니다.

또한 컨테이너 클래스가 예상대로 max-width CSS 속성을 가져오지 못하는 것 같습니다. 내가 뭘 잘못하고 있는지 누가 볼 수 있나요?

코드:

<!-- Favicon -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Bootstrap -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<script src="/SiteFiles/js/modernizr.js"></script>

<!-- CSS -->
<link href="/SiteFiles/css/main.css" rel="stylesheet">

<header>
    <div>

위 내용은 내 Twitter Bootstrap 3 웹 사이트가 Internet Explorer 8의 모바일 버전을 표시하는 이유는 무엇이며, 컨테이너 클래스의 'max-width' 문제를 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.