Отсутствие прокладки на локальном хосте, но на веб-сервере?

У меня есть короткий вопрос к тому, что происходит в данный момент. Правильно ли, что настройки css должны быть такими же, как на локальном хосте в одном браузере, когда вы загружаете его на веб-сервер?Отсутствие прокладки на локальном хосте, но на веб-сервере?

я сделал скриншот, чтобы показать, что я имею в виду:

здесь, Что, как на веб-сервере:

web

и вот, что он находится на локальном хосте:

local

Я загружу файл css на веб-сервере, и когда я посмотрю на свою страницу localhost на ha я превью, я это увижу. это один и тот же файл, а также тот же браузер (сафари, хром, firefox). позвонив по телефону страницы WebServers там добавляются отступы для поля ввода, что именно в CSS:

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; 
}

и при взгляде на него на локальном хосте там не правду любой отступы? Я использую файл css для сброса, но не думаю, что это вызывает этот феномен. так как это возможно?

Единственная разница, о которой я хотел бы упомянуть, заключается в том, что на локальном хосте все тело распространяется вниз из-за ошибки_репортации php и уведомлений.

доктайп является:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

спасибо.

источник

2013-03-15 bonny

Сохранить вывод HTML на обоих серверах и использовать инструмент сравнения, чтобы увидеть, если что-то отличается от других - не должно быть. – Jon

Вы используете сброс как для localhost **, так и для ** вашего веб-сервера или только для одного из них? – Raad

привет, спасибо. что такое инструмент сравнения? ты можешь мне сказать? – bonny

Я думаю, что есть ошибка в отступе праве pading-right:5px;

Plus код, который вы используете это хорошо, но какое-то время это может случиться так, что некоторые псевдо не будет работать, так что лучше использовать непосредственно при определении в 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; 
}

Попробуйте заменить этот код и ответ, если не wokring :)

источник

2013-03-15 13:19:41 MarmiK

Отсутствие прокладки на локальном хосте, но на веб-сервере?

ответ

Смежные вопросы