我有我的网站,我在这里创建,它看起来不错(现在CSS3媒体查询不适用于IE)但我发现我的@font面孔坏了,看起来像Chrome for Windows中的废话(到目前为止,这是唯一的主要一个我发现的).
我已经搜索过了,发现CSS3 rbg修复本应该可以工作,但它对我没有任何作用.保罗爱尔兰的防弹修复然后我的字体在Android中断了.我几个小时以来一直在研究这个问题,但似乎找不到任何可行的方法.我听说过Cufon,但我正试图坚持使用@font face,因为它只是针对Chrome而我遇到了这个麻烦.
我去了字体松鼠并获得了我正在使用的字体的字体工具包,所以它看起来像这样
@font-face {
font-family: 'GeosansLightRegular';
src: url('geosanslight-webfont.eot');
src: url('geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
url('geosanslight-webfont.woff') format('woff'),
url('geosanslight-webfont.ttf') format('truetype'),
url('geosanslight-webfont.svg#GeosansLightRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)
它适用于大多数浏览器(我再也没有机会测试每一个浏览器,但我已经在IE 6-9上检查过它看起来不错,FF 9用于Windows,FF 8用于OSX,Safari Opera和它看起来很棒.用于Windows的Chrome浏览器与@font face命令不兼容.
有没有人建议我可以做些什么来使它看起来更好或修复它?(除了删除@font face类和使用常规字体.)
另外,我最终可以使用Chrome中的条件评论来查看常规字体但是我的HTML不会验证是吗?
所以任何帮助将不胜感激..
像上面的例子.我发现了一些有用的脚本和一个我喜欢的小img但是我不知道如何得到关于标题的填充因此该行不直接通过.
h3.line {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(../images/line.jpg);
background-origin: padding-box;
background-position: center;
background-repeat: repeat-x;
background-size: auto auto;
display: block;
margin-bottom: 20px;
}
Run Code Online (Sandbox Code Playgroud)
这说明了这一点.
有什么建议或想法吗?
建立一个新的网站,但在IE中发生了一些事情.我已经购买了Nivo Slider for wordpress插件,它工作正常但是它没有在IE中的横幅下显示缩略图.
这就是firefox中的样子
这就是它在IE中的样子
因为这是一个插件(并且该网站在2天后没有给我任何支持)我真的没有源CSS但我希望你可以看看它与开发工具来看看为什么它可能没有显示在IE?
这是我发现的
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
height: auto;
width: auto;
}
Run Code Online (Sandbox Code Playgroud)
任何帮助或建议表示赞赏.
UPDATE
在输入新代码后,.banner-bottom显示在所有其他页面上的横幅顶部.
我刚刚完成了这个网站,但发生了一些事情,我现在花了一整天的时间来修复它并从头开始重新启动,因为我的备份没有正确完成.我不太明白它在做什么,因为我在许多其他网站上完成了这项技术而没有任何麻烦,也许我已经看了这个网站太久了?
这是网站.我想在左侧和右侧放置一些空间,但是我不只是有一个容器,因为我需要100%的屏幕上的深灰色条,无论它在哪里都始终在横幅下.所以有4个"包含"div我希望有空间.我已经安排了CSS3媒体查询,但现在我正在向右边移动.我当时认为这是因为我的背景法师一路走来,但他们设定为100%,所以我只是不明白最新情况.这很简单,我现在没有看到它..
这就是我对媒体查询的看法
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#header, #banner, #main, #footer-widget-area { padding: 0 2em 0 2em; }
}
Run Code Online (Sandbox Code Playgroud)
这就是我的iPhone上的样子
任何建议都有帮助和赞赏.
我有我的网站,它看起来很棒,但我不是Android的专业编码器.我不知道它有多余的怪癖,我不确定锄头我真的需要知道.有没有办法像IE中的条件评论一样单独输出?
这是我的网站,横幅和徽标显示在屏幕的左侧.我有一个三星Galaxy 3,这就是我的横幅看起来像.
现在我意识到为什么会发生这种情况,这是因为它们都处于绝对的位置,显然它margin-left
正在使它脱离屏幕.但是,如果不破坏所有常规桌面浏览器的布局,我无法改变它.
#site-title { background: url(img/heavensgate-logo.jpg) no-repeat; width: 229px;height: 297px; position: absolute; top: 0px; left: 50%; margin-left: -438px; z-index: 2; border: 0px; text-indent: -9999px; }
#banner { position: absolute; top: 165px; width:868px; left: 50%; margin-left: -448px; z-index: 1; padding: 15px; background-color:
#fff; border: 1px solid #b4b4b4; }
<h1 id="site-title"><span><a href="http://heavensgatewinery.ca/" title="Heavens Gate Winery" rel="home">Heavens Gate Winery</a></span></h1>
<div id="banner">
<img src="http://heavensgatewinery.ca/wp-content/uploads/banner8.jpg" style="position: absolute; visibility: hidden; top: 0px; left: 0px; border: 0px none;">
</div>
Run Code Online (Sandbox Code Playgroud)
我对如何使用横幅和徽标与Android合作感到困惑.任何帮助表示赞赏.
我已经使用MAMP了很长一段时间,但几个月前它开始给我带来问题.我已经通过谷歌搜索和堆栈溢出在线查找解决方案,但我还没有看到任何可以帮助我的东西.
我已经搜索了一些文章,但我觉得这些文章已经接近帮助我了:
MAMP mysql没有启动 我不确定我的数据目录的路径?我在终端输入的任何东西似乎都回来了,因为没有找到
MAMP mysql服务器无法启动.没有运行mysql进程 我试图killall但是"没有找到属于你的匹配进程"错误
大约一个小时前我的mqsql工作但不是apache,所以我发现文章说要将Library/bin/envvars重命名为_envvars,apache在启动时工作,但后来mysql没有.
我的php日志中没有出现任何错误,但这是我的apache和mysql日志.
这是mysql错误日志底部的一个片段
InnoDB: using the same InnoDB data or log files.
InnoDB: Unable to lock ./ibdata1, error: 35
InnoDB: Check that you do not already have another mysqld process
InnoDB: using the same InnoDB data or log files.
InnoDB: Unable to lock ./ibdata1, error: 35
InnoDB: Check that you do not already have another mysqld process
InnoDB: using the same InnoDB data or log files.
InnoDB: Unable to lock ./ibdata1, …
Run Code Online (Sandbox Code Playgroud) 我知道当网站位于本地服务器上时,要诊断和提供帮助会有点困难,但是我希望其他人遇到这种情况或对此有一个大致的了解,这是怎么回事?为什么会这样?这与wordpress有关,但是我感觉到的大部分问题都与它无关,而是重点放在MAMP和我遇到的这个错误上。
我现在刚刚尝试将另一个网站迁移到我的本地服务器,由于某种原因,它根本无法正常工作...。我得到的只是一个白屏。我使用了http://codex.wordpress.org/Editing_wp-config.php#Configure_Error_Logging中的错误记录技术
/**
* This will log all errors notices and warnings to a file called debug.log in
* wp-content (if Apache does not have write permission, you may need to create
* the file first and set the appropriate permissions (i.e. use 666) )
*/
define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );
@ini_set( 'display_errors', 0 );
Run Code Online (Sandbox Code Playgroud)
我还将调试设置为true。因此,我签出了我创建的debug.log文件,并看到此错误
[03-Sep-2014 22:50:45] PHP致命错误:/ 620线
这是什么意思?
我进入了弹出“错误”的位置,然后删除了看起来像这样的620行
<input name="admin_color" id="admin_color_<?php echo esc_attr( $color ); ?>" type="radio" …
Run Code Online (Sandbox Code Playgroud) 我在这里为朋友创建的网站给了我输入问题[type ="button"].我只有一个特定的样式才能应用于侧栏中的按钮.但无论我做什么都会影响所有按钮.
#sidebar.widget-wrap input[type="button"], input[type="submit"] {
clear: both;
display: block;
margin-top: 2em;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
如何使它仅影响侧边栏中的go按钮?
我创建这个网站的初衷是让它成为移动设备.然而,我不得不把这个功能拿出去,暂时只是想拥有它,所以当你在移动设备上访问该网站时,你只能看到你在屏幕上看到的网站.不像你想要的那样移动友好,但缩小了,所以你可以看到整个事情.
我已经放入代码中,使其按照我喜欢的方式运行,但事情正在发生,而且无法正常工作.我已经查看了视频端口的HTML 5垫片和其他选项,但我无法弄明白.
我尝试了一些视口标记的不同变体
<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="viewport" content="width=500, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)
这就是网站现在在移动设备上的样子
这就是我希望它看起来像
你能看到我错过的东西吗?