Internet explorer Octopress-在IE8中呈现为移动版,并且;“导航”;有",;“未定义”;。如何修复它?

Internet explorer Octopress-在IE8中呈现为移动版,并且;“导航”;有",;“未定义”;。如何修复它?,internet-explorer,internet-explorer-8,octopress,Internet Explorer,Internet Explorer 8,Octopress,我已经用Ocopress重建了我的网站。 我发现它真的非常适合构建静态站点 但现在的问题是,当我尝试在InternetExplorer8中查看时,它有一个“移动”外观我的意思是-IE8被认为是移动的。事实并非如此。至少对我来说不是 此外-“导航”下拉列表中有“未定义”项 我经常在我的工作电脑上使用IE8(尽管我更喜欢Firefox和Chrome/Chrome) 看到我附上的图片-我的Octopress网站与IE8。[1] 与我的Octopress网站在Firefox中的外观相比(看起来不错!):

我已经用Ocopress重建了我的网站。 我发现它真的非常适合构建静态站点

但现在的问题是,当我尝试在InternetExplorer8中查看时,它有一个“移动”外观我的意思是-IE8被认为是移动的。事实并非如此。至少对我来说不是

此外-“导航”下拉列表中有“未定义”项

我经常在我的工作电脑上使用IE8(尽管我更喜欢Firefox和Chrome/Chrome)

看到我附上的图片-我的Octopress网站与IE8。[1]

与我的Octopress网站在Firefox中的外观相比(看起来不错!):[2]

将其与我的Octopress网站在Google Chrome中的外观进行比较(也很好!)

  • 我在IE8上的网站(不好):

  • Firefox(好):


  • 以下是我所做的-这似乎适用于桌面浏览器-包括IE8!!:

    在./source/_includes/head.html中

    删除此项:

    <!DOCTYPE html>
    <!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
    <!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
    <!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en">
    <!--<![endif]-->
    <head>
    
    
    
    然后说:

    <!DOCTYPE html>
    <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
    <!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
    <!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
    
    
    
    这里有一些问题,我们没有足够的信息提供帮助。我们至少需要看看你的网站或者一个出错的例子。我的网站是:。我还尝试将我的问题链接到我上传到Flickr的截图中——见上文。谢谢。嗯。。。我试着重新打开这个帖子。使用IE9的家用电脑-我的网站看起来不错。但是在我的工作PC上,使用IE8,这个网站看起来仍然很糟糕,而且相当破碎,所以。。。上述内容并没有真正起到帮助:-(Champion。这正是我想要的。在2.1中,
    octopress.js
    文件略有不同,但您描述的更改成功了。谢谢!
    <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <script src="{{ root_url }}/javascripts/libs/respond.min.js"></script>
    <![endif]-->
    
    @@ -3,10 +3,10 @@
       mobileNav.children('select').append('<option value="">Navigate&hellip;</option>');
       $('ul[role=main-navigation]').addClass('main-navigation');
       $('ul.main-navigation a').each(function(i, link) {
    -    mobileNav.children('select').append('<option value="'+link.href+'">&raquo; '+link.text+'</option>');
    +    mobileNav.children('select').append('<option value="'+link.href+'">&raquo; '+$(link).text()+'</option>');
       });
       $('ul.subscription a').each(function(i, link) {
    -    mobileNav.children('select').append('<option value="'+link.href+'">&raquo; '+link.text+'</option>');
    +    mobileNav.children('select').append('<option value="'+link.href+'">&raquo; '+$(link).text()+'</option>');
       });
       mobileNav.children('select').bind('change', function(event) {
         if (event.target.value) { window.location.href = event.target.value; }