.bg_01 { background: url("../images/bg_01.jpg") no-repeat center / cover; } .bg_02 { background: url("../images/bg_02.jpg") no-repeat center / cover; } .bg_02 { background: url("../images/bg_03.jpg") no-repeat center / cover; } .bg_01 { height: 200px; } .bg_02 { height: 300px; } .bg_03 { height: 360px; } H5页面背景图片布局,盒子高度如何计算,能做到高度响应式展示, 设计图宽度是375px
使用rem等比缩放有解决方法吗 ,控制台横屏竖屏打开相差很大 使用rem等比缩放有解决方法吗
设计图 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/7c6670f127647975b3f7801cb4ab3565.png) 浏览器125%下看到的效果 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241006/e68083e7430e57e714b6564512a03e7a.png) .box{ width: 300px; height: 28px; &::before{ content:""; width: 0; height: 0; border-bottom: 28px solid red; border-right: 20px solid transparent; position: absolute; top: 0px; right: -20px; z-index: 1; cursor: pointer; } } 这个三角效果在100%的电脑没问题,但是如果用户使用的125%,肉眼可见的偏移了,有解决办法吗?
Sticky Sidebar Example .table-container { display: block; max-width: 300px; max-height: 400px; /* 根据需要调整 */ overflow: auto; } .header-row { display: flex; position: sticky; top: 0; background-color: #f8f8f8; z-index: 1; } .header-cell, .cell { min-width: 80px; padding: 8px; border: 1px solid #ddd; } .header-cell { font-weight: bold; } .cell-fixed { position: sticky; left: 0; background-color: #f8f8f8; z-index: 1; } .table-body { display: block; } .row{ display: flex; } Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Row 1 Data 2 Data 3 Data 4 Data 5 Data 6 Data 7 左右滑动时可以粘住在左边,但是左右滚动超过300px就不粘住了,求解
tailwindcss 怎么实现到鼠标移到到当前标签时候,当前标签的子标签改变属性。类似于导航条上的鼠标放上去会展开下拉菜单。 tailwindcss 怎么实现到鼠标移到到当前标签时候,当前标签的子标签改变属性。类似于导航条上的鼠标放上去会展开下拉菜单。
我想写个动画。比如说鼠标向上滚动,一个div往上运动。当我鼠标向下的时候,div往下运动。 有没有这种动画库?我以前的做法是判断滚动方向。然后分别执行不同的动画函数。当然了我的一个动画里面,肯定是包含好几个运动元素的。