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 중국어 웹사이트의 기타 관련 기사를 참조하세요!