/* You can place customized css styles here. The file will be included in all .html pages as the last item in the html section. */ //------------------------------放大----------------------------- body { transform: scale(1.3); transform-origin: top left; width: calc(100% / 1.3); /* 补偿缩放后的宽度 */ height: calc(100% / 1.3); /* 补偿缩放后的高度 */ } /* 修复可能出现的滚动条问题 */ html { overflow: auto; width: 100%; height: 100%; } body { transform: scale(1.3); transform-origin: top left; width: calc(100% / 1.3); /* 补偿缩放后的宽度 */ height: calc(100% / 1.3); /* 补偿缩放后的高度 */ } /* 修复可能出现的滚动条问题 */ html { overflow: auto; width: 100%; height: 100%; } //-----------------------------------修复底部问题保留分页器--------------- /* 完全隐藏底部固定导航栏 */ .navbar-fixed-bottom { display: none !important; } /* 将分页器移到表格下方 */ .table { margin-bottom: 40px !important; /* 为分页器留出空间 */ } /* 创建新的分页器容器并复制分页器 */ .table + div { position: relative; margin-top: -20px; margin-bottom: 20px; text-align: center; } /* 复制分页器的样式 */ .table + div .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .table + div .pagination > li { display: inline; } .table + div .pagination > li > a, .table + div .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } //--------------------------------------------------------------------- .navbar-header { display: flex; justify-content: center; flex: 1; } .navbar-brand { padding: 10; --logo-offset-x: 0px; /* X方向偏移，正数向右，负数向左 */ --logo-offset-y: -6px; /* Y方向偏移，正数向下，负数向上 */ position: relative; /* 为偏移提供定位上下文 */ left: var(--logo-offset-x); /* 应用X方向偏移 */ top: var(--logo-offset-y); /* 应用Y方向偏移 */ } .navbar-brand img { display: block; margin: 0 auto; max-height: 40px; /* 如果使用transform方式（不改变布局流） */ /* transform: translate(var(--logo-offset-x), var(--logo-offset-y)); */ }