Internet explorer Octopress-在IE8中呈现为移动版,并且;“导航”;有",;“未定义”;。如何修复它?
我已经用Ocopress重建了我的网站。 我发现它真的非常适合构建静态站点 但现在的问题是,当我尝试在InternetExplorer8中查看时,它有一个“移动”外观我的意思是-IE8被认为是移动的。事实并非如此。至少对我来说不是 此外-“导航”下拉列表中有“未定义”项 我经常在我的工作电脑上使用IE8(尽管我更喜欢Firefox和Chrome/Chrome) 看到我附上的图片-我的Octopress网站与IE8。[1] 与我的Octopress网站在Firefox中的外观相比(看起来不错!):[2] 将其与我的Octopress网站在Google Chrome中的外观进行比较(也很好!)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中的外观相比(看起来不错!):
以下是我所做的-这似乎适用于桌面浏览器-包括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…</option>');
$('ul[role=main-navigation]').addClass('main-navigation');
$('ul.main-navigation a').each(function(i, link) {
- mobileNav.children('select').append('<option value="'+link.href+'">» '+link.text+'</option>');
+ mobileNav.children('select').append('<option value="'+link.href+'">» '+$(link).text()+'</option>');
});
$('ul.subscription a').each(function(i, link) {
- mobileNav.children('select').append('<option value="'+link.href+'">» '+link.text+'</option>');
+ mobileNav.children('select').append('<option value="'+link.href+'">» '+$(link).text()+'</option>');
});
mobileNav.children('select').bind('change', function(event) {
if (event.target.value) { window.location.href = event.target.value; }