Изменить :Дополнительные исследования показывают, что это на самом деле связано с jQuery возвращает неправильную ширину и высоту в Chrome 18.0.1025.168
Я настроил несколько медиа-запросов, а также некоторый javascript в текущем проекте темы WordPress. В целом они работают нормально, но (! )медиа-запрос:
@media only screen and (max-width: 980px)
Вступает в силу уже при 1075px.
$(document).width()
1075
$("body").width()
1019.4444427490234
Это происходит в Chrome, но в сафари он ведет себя так, как должен. Я не проверял любой другой браузер.
Можете ли вы каким-то образом разрушить запросы, соответствующие «ширине запуска -» с изменением ширины элементов javacript?
Ксс:
@media only screen and (max-width: 1060px){
.excerpt{
width: 500px;
float: left;
font-size: 13px;
}
}
@media only screen and (max-width: 980px){
.hentry{
height: auto;
}
.thumbnail,.excerpt{
float: none;
max-height: none;
}
p{
font-size: 15px;
}
#site-description{
display: none;
}
}
Последний добавленный javascript до того, как это сломалось:
if($(window).width()<1065 || $(document).width()<1065){
if($(document).width()>980){
$(".excerpt").width($(".hentry").width()-515);
} else{
$(".excerpt").css("width","");
}
}