修复背景图片、CSS 移动端优化

This commit is contained in:
底层用户 2021-11-14 16:58:31 +08:00
parent 6f47dbbe56
commit 2d8b8e8b80
2 changed files with 28 additions and 7 deletions

View File

@ -93,8 +93,8 @@
}
}
/*小于660px时*/
@media (max-width: 660px) {
/*小于720px时*/
@media (max-width: 720px) {
/*左侧栏高度*/
.main-left {
@ -152,11 +152,23 @@
}
@media (min-width: 660px) {
/*小于390px时*/
@media (max-width: 390px) {
.main-img img {
display: none;
}
}
/* 大于720px时 */
@media (min-width: 720px) {
.menu {
display: none !important;
}
}
/* 大于992px时 */
@media (min-width: 992px) {
/*时钟显示*/
span#win_text,
span#win_speed {
@ -164,10 +176,12 @@
}
}
/*小于390px时*/
@media (max-width: 390px) {
.main-img img {
display: none;
/* 大于1400px时 */
@media (min-width: 1400px) {
/*时钟显示*/
span#win_text,
span#win_speed {
display: inline !important;
}
}

View File

@ -121,6 +121,7 @@ function time() {
}
//必应壁纸
/*
var url = 'https://bird.ioliu.cn/v1/?url=https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=8';
var imgUrls = JSON.parse(sessionStorage.getItem("imgUrls"));
var index = sessionStorage.getItem("index");
@ -152,6 +153,12 @@ if (imgUrls == null) {
$section.css("background-size", "cover");
sessionStorage.setItem("index", index);
}
*/
//临时更换图片 api
var $section = $('#section');
var url = "https://api.btstu.cn/sjbz/api.php?lx=fengjing&format=images";
$section.css("background", "url('" + url + "') center center no-repeat #666");
$section.css("background-size", "cover");
//加载动画
window.addEventListener('load', function () {