JavaScript的調整 - 格犯規呈現正確 - 聖盃佈局 - CSS

然而，儘管頁面呈現如預期，當我按F5 - 當瀏覽器窗口發生變化時，它不會在我的圈子容器內正確渲染內圈div。

如果我看變量我的Firefox調試器，

$('.circle').height($('.circle_container').width()); 
$('.circle').width($('.circle_container').width());

圓容器寬度爲零！ - 調整大小時使內圈消失。我不明白的是爲什麼當我按下F5時，一切似乎都很好。

2015-12-20 frankBang

我正在研究它。在此期間，請注意您在這裏有一個小錯誤：$（'col-empty'）。hide（）;應該是$（'。col-empty'）。hide（）;此外，考慮使用更多的CSS和更少的java腳本（如果有）佈局 – CodeToad

您正在將circle_container寬度設置爲負數，計算結果如下：$（'。middle'）。width（） - （$（' .right'）。height（）* 2）。 – CodeToad

感謝您的時間和意見。我對此非常陌生，所以任何提示都非常感謝;只是很高興我終於到達那個階段:) – frankBang

你拿到了數學錯誤：

$('.circle_container').width($('.middle').width() - ($('.right').height() *2));

真的應該：

$('.circle_container').width($('.middle').width() - ($('.right').width() *2));

I.E.在你的else條款中。

2015-12-20 16:07:59

回答