@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { /* 在这里写你的iOS针对性CSS样式 */ .mobile-global-menu { padding-bottom: 15px!important; } .global-layout {padding-bottom: 15px !important; } } /* 隐藏图片放大下载按钮 */ .n-image-preview-toolbar .n-base-icon:nth-last-child(2) { display: none; } /* 隐藏index为11及之后的子元素 */ .n-base-select-menu-option-wrapper > :nth-child(n+10) { display: none; } /*头像呼吸光环和鼠标悬停旋转放大开始*/ .global-header .n-avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}} /*头像呼吸光环和鼠标悬停旋转放大结束*/ /**竖向彩色滚动条样式*/ *::-webkit-scrollbar:vertical { width: 10px !important; height: 5px; } *::-webkit-scrollbar-thumb:vertical { background-color: #a1c4fd !important; background-image: -webkit-linear-gradient(45deg, rgba(194,233,251, 1) 15%, transparent 25%, transparent 50%, rgba(194, 233, 251, 1) 50%, rgba(194, 233, 251, 1) 75%, transparent 75%, transparent) !important; } *::-webkit-scrollbar-track:vertical { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2) !important; background: #f6f6f6 !important; } .n-layout-toggle-button { transform: translateX(75%) translateY(-50%); }