$(this).toggleClass('active'); лишний, он для моего скрипта использовался, удалите
.block {
display: flex;
justify-content: center;
align-items: center;
}<link id="style" rel="stylesheet" type="text/css" href="day.css" />
<script type="text/javascript">
var date = new Date(); // создаем объект Date с текущей датой и временем
var h = date.getHours(); // получаем текущий час
if (h>20 || h<8) document.getElementById("style").href="night.css"; // если сейчас ночь, то меняем файл стилей
</script>if (h>20 || h<8) время на другое.
justify-content: center; margin-right: auto; margin-left: auto;justify-content: space-between;
И все отлично работает, но когда дело доходит до реального телефона все плывет, самое больное - это шрифты они больше чем должны быть.
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;А если у меня его нет? Так же, не буду же я при верстке каждый раз заливать сайт на сервер и чекать его с телефона.
@media screen and (max-width: 600px) {
.block {
float: none !important;
clear: both !important;
margin-top: 0 !important;
}
}«mozHidden» и «mozVisibilityState» являются устаревшими. Для их замены используйте безпрефиксные «hidden» и «visibilityState». vendor.js:33:2217
downloadable font: download failed (font-family: "slick" style:normal weight:normal stretch:normal src index:1): status=2147746065 source: http://baikal.alexbeat.ru/css/fonts/slick.woff vendor.css:7239:1
downloadable font: download failed (font-family: "slick" style:normal weight:normal stretch:normal src index:2): status=2147746065 source: http://baikal.alexbeat.ru/css/fonts/slick.ttf