부트 스트랩에 잘못된 화면 너비를 사용하는 인터넷 탐색기

편집 : 문제가 해결되었지만 유효성 검사기에서 찾지 못한 미디어 쿼리에 누락 된 중괄호가있었습니다.부트 스트랩에 잘못된 화면 너비를 사용하는 인터넷 탐색기

의 문제는 인터넷 익스플로러도 내가 테스트를 위해 사용되는 화면 폭 표시 화면에 사이비 요소가 즉, 10 및 11

에, 내 사이트의 태블릿 버전을 보여주고있다 말한다 목적, 그리고 그것은 768px를 보여줍니다. (부트 스트랩을위한 작은 크기). 동일한 가상 상자에서 크롬은 올바른 화면 크기를 보여줍니다.

html과 css 모두 확인되었습니다.

저는이 문제가 내 문서 머리에 있다고 가정하고 있지만 잘못된 것을 볼 수는 없습니다. 내 머리가 가득 차있어. 다음과 같이 "모든"미디어에 쿼리를 추가

<!DOCTYPE html> 
<!--[if IE 7]> 
<html class="ie ie7" <?php language_attributes(); ?>> 
<![endif]--> 
<!--[if IE 8]> 
<html class="ie ie8" <?php language_attributes(); ?>> 
<![endif]--> 
<!--[if !(IE 7) | !(IE 8) ]><!--> 
<html <?php language_attributes(); ?>> 
<!--<![endif]--> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title><?php wp_title('|', true, 'right'); ?></title> 
<link href='http://fonts.googleapis.com/css?family=Oswald%7CRaleway' rel='stylesheet' type='text/css'> 
<link rel="profile" href="http://gmpg.org/xfn/11" /> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 
<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?> 
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
<!--[if lt IE 9]> 
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script> 
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
<![endif]--> 
<script type="text/javascript"> 

    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-4*****-****']); 
    _gaq.push(['_trackPageview']); 

    (function() { 
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
    })(); 

</script> 
<?php wp_head(); ?> 
</head>

출처

2014-11-18 Talk nerdy to me

IE는이 문서를 참조하십시오 ... 다른 @media을 처리하는 것 2011/04/how-to-have-have-have-have-have-too-too/ – EricBellDesigns

@ericbelldesigns 그 문제는 ie ie 9 이하 버전에만 해당한다고 생각합니다. 그리고 respond.js 및 htmlshim을로드했습니다. 그 버전들 –

봅니다 : http://www.webmonkey.com/ :

@media all and (max-width: 768px) { 

}

출처

2014-11-18 23:46:02 EricBellDesigns

부트 스트랩에 잘못된 화면 너비를 사용하는 인터넷 탐색기

답변

관련 문제