Некорректное отображение сайта в Chrome?

Question

[aslanu]

Сайт с генеалогическим древом, линии на canvas нарисованы. На firefox все отлично работает. При первой загрузке в Chrome линии не совпадают с блоками, однако достаточно перезагрузить страницу как все становится на свои места. В инструментах разработчика, в Network если активировать Disable cach, то сайт даже при перезагрузке остается кривым. $(window).load(function(){ }) добавил, может оно не срабатывает?!

на изображениях отображение с включенным Disable cach и выключенным

Answer 1

[RMate]

Есть подозрение, что ваш скрипт отрабатывает до загрузки страницы. В случае повторной загрузки DOM грузится из кеша, и скрипт выполняется уже в соответствии с домом. В случае же деактивации кеша - возвращаемся к первому пункту.

Comments

[aslanu]

window.load убрал не помогает( линии правильно подгружаются, проблема с css видимо. При перезагрузке страницы на мгновение все стоит на своих местах, однако к концу загрузки все съезжает, и при повторной перезагрузке все мозвращается на свои места

[FeST1VaL]

aslanu, выложите примерный код в песочницу, так почти не реально понять в именно проблема...

[aslanu]

https://codepen.io/Buz__urdiev/project/editor/DYWoz


в chrome mobile все норм. а десктопная едет

buzbloodline.ru

[aslanu]

видимо хром по другому padding определяет, я вижу только одно решение, переписать под хром стили