2013-03-15 248 views
0

我只是對目前發生的事情有一個簡短的問題。當我將它上傳到網絡服務器時,在一個瀏覽器中,css設置必須與本地主機上的相同嗎?沒有填充本地主機,但在網絡服務器上?

我犯了一個截屏,顯示我的意思:

這裏是什麼樣的網絡服務器:

web

在這裏它是在本地主機上的內容:

local

我會上傳一個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"> 

感謝。

+0

保存這兩個服務器上的HTML輸出,並使用一個diff工具,看看什麼是不同的 - 應該不會是。 – Jon 2013-03-15 12:43:22

+0

你在本地主機**和**你的網絡服務器上使用重置,還是隻使用其中的一個? – Raad 2013-03-15 12:45:13

+0

你好,謝謝。什麼是差異工具?你能告訴我一個嗎? – bonny 2013-03-15 12:45:15

回答

1

我認爲這是在填充右一個錯誤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; 
} 

嘗試使用此代碼替換和回覆如果沒有工作呢:)

相關問題