首先是网站的链接:www.fish-fry.com
我知道这被认为是不好的做法,但我已经处理这个问题大约一个月了,我建立的网站现在已经 100% 完成,除了这个问题,在解决之前我无法获得报酬。
从 Mac 查看时,网站在所有主要浏览器上看起来都不错,从 PC 查看时,我的导航菜单和搜索栏输入低 2px。
我发现一些代码似乎可以让我在等待平台时调用不同的样式表,但它对我不起作用,想知道这里是否有人有任何见解:
<script type="text/javascript">
} if (navigator.userAgent.indexOf('Windows NT')) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style-windows.css" />');
}
else {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css" />');
}
</script>
任何帮助是极大的赞赏!
@sarnold,没有验证错误。
尽管删除右括号似乎也不起作用。最初它搞砸了事情在 mac 上的样子,所以我把它改成了这样:
<script type="text/javascript">
if (navigator.userAgent.indexOf('Windows NT')) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style-windows.css" />');
}
elseif (navigator.userAgent.indexOf('Mac OS')) {
document.write('<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css" />');
}
</script>`
但是,当我从 Windows 打开 chrome 或 firefox 时,它仍在从默认样式表中读取。
有人熟悉上面的脚本吗?不知道为什么我的电脑仍在引用 Mac 样式表。提前感谢您的帮助!
我也试过这个脚本,似乎仍然,两个平台都只引用'style.css'
<script type="text/javascript">
/***********************************************
* Different CSS depending on OS (mac/pc)- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var csstype="external" //Specify type of CSS to use. "Inline" or "external"
var mac_externalcss='http://www.fish-fry.com/dev/wp-content/themes/FISH-FRY-MUSIC-AND-SOUND-CUSTOM-THEME/style.css' //if "external", specify Mac css file here
var pc_externalcss='http://www.fish-fry.com/dev/wp-content/themes/FISH-FRY-MUSIC-AND-SOUND-CUSTOM-THEME/style-windows.css' //if "external", specify PC/default css file here
///////No need to edit beyond here////////////
var mactest=navigator.userAgent.indexOf("Mac")!=-1
if (csstype=="inline"){
document.write('<style type="text/css">')
if (mactest)
document.write(mac_css)
else
document.write(pc_css)
document.write('</style>')
}
else if (csstype=="external")
document.write('<link rel="stylesheet" type="text/css" href="'+ (mactest? mac_externalcss : pc_externalcss) +'">')
</script>
有什么帮助吗?这让我发疯:|