Максимальная ширина медиазапросов -запускается с неправильной шириной в Chrome

Изменить :Дополнительные исследования показывают, что это на самом деле связано с 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","");
    }
}

5
задан Community 23 May 2017 в 11:44
поделиться