没有填充本地主机,但在网络服务器上?
问题描述:
我只是对目前发生的事情有一个简短的问题。当我将它上传到网络服务器时,在一个浏览器中,css设置必须与本地主机上的相同吗?没有填充本地主机,但在网络服务器上?
我犯了一个截屏,显示我的意思:
这里是什么样的网络服务器:
在这里它是在本地主机上的内容:
我会上传一个Web服务器上的CSS文件,当我看看我的本地主页上的哈预览我会看到它的方式。它是完全相同的文件,也是相同的浏览器(safari,chrome,firefox)。
input[type="text"],[type="password"] {
color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 170px;
height: 15px;
line-height: 10px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
padding-left:5px;
pading-right:5px;
padding-top:3px;
padding-bottom:2px;
outline:none;
}
,并在其本地主机上寻找时,有isn't任何填充:通过调用Web服务器页面,输入域究竟是什么在CSS有加填充?我使用重置的CSS文件,但不认为这会导致这种现象。那怎么可能?
唯一不同的是,我想提到的是,在本地主机上,由于php和通知消息的error_reporting,整个身体向下延伸。
DOCTYPE是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
感谢。
答
我认为这是在填充右一个错误pading-right:5px;
另外,您正在使用的代码是好的,但一段时间后,可能会发生一些伪不工作,所以最好直接使用,而在CSS定义。这样的..
input[type="text"],input[type="password"] {
color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 170px;
height: 20px;
line-height: 14px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
padding:3px 5px;
outline:none;
}
尝试使用此代码替换和回复如果没有工作呢:)
保存这两个服务器上的HTML输出,并使用一个diff工具,看看什么是不同的 - 应该不会是。 – Jon 2013-03-15 12:43:22
你在本地主机**和**你的网络服务器上使用重置,还是只使用其中的一个? – Raad 2013-03-15 12:45:13
你好,谢谢。什么是差异工具?你能告诉我一个吗? – bonny 2013-03-15 12:45:15