Google Chrome очищает стили CSS для текущей страницы при открытии ссылки на новой вкладке или открытии нового окна

Это нечетно, я искал поиск и устранение неисправностей в течение 3 дней.

Только в Chrome Version 53.0.2785.116 m (64-bit) в Windows.

Веб-сервер должен иметь набор заголовков (в этом случае метатег не работает):

Apache.htaccess: Header set Cache-Control "no-cache" или nginx: add_header Cache-Control no-cache;

Вы не можете его воссоздать с помощью jsfiddle или встроенного фрагмента кода, так как файл css нужно загружать отдельно, используя <link href='style.css' rel='stylesheet' type='text/css'>. (но я все равно включу код в фрагмент).

Шаги для воссоздания:

Посетить: http://test.xmpsoft.net/
Нажмите ссылку 1 (необходимо перезагрузить страницу);
Нажмите ссылку 2 (нужно открыть новую вкладку с той же страницей);
Перейдите на вкладку оригинала и повторите те же шаги;
Все стили CSS ушли с исходной вкладки.
Если нет, повторите те же шаги еще раз.

Пожалуйста, помогите убедиться, где нет ничего плохого в коде, прежде чем я отправлю его в Google.

Спасибо.

P.S. Есть другой способ или воссоздать его (почему я упомянул "новое окно" в своем заголовке: "Посетите ту же страницу", перезагрузите его, щелкните правой кнопкой мыши → "Осмотреть" (откроется окно "Новые инструменты разработки" ), вернитесь на страницу (повторите, если не сможете для воссоздания).

.menu div {
	display: inline-block;
	width: 15em;
	height: 15em;
}

.red {
	background-color: red;
}

.yellow {
	background-color: yellow;
}

.green {
	background-color: green;
}

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<title>Chrome bug</title>
<link href='style.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div class='menu'>
  <div class='red'>Red</div>
  <div class='yellow'>Yellow</div>
  <div class='green'>Green</div>
</div>
<a href='/'>1. Reload this page</a><br>
<a href='/' target='_blank'>2. Open same page in new tab</a>
</body>
</html>

Ответ 1