推荐 最新
我是张工你呢

H5页面背景图片布局,盒子高度如何计算,能做到高度响应式展示?

.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

6
1
0
浏览量294
七安前

使用rem等比缩放有解决方法吗 ?

使用rem等比缩放有解决方法吗 ,控制台横屏竖屏打开相差很大 使用rem等比缩放有解决方法吗

0
1
0
浏览量213
MastFancy

CSS 三角效果在不同缩放比例下的解决方案?

设计图 "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%,肉眼可见的偏移了,有解决办法吗?

0
1
0
浏览量123
中年复健狗

关于css sticky粘性问题?

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就不粘住了,求解

0
1
0
浏览量108
雁过留痕

Tailwind CSS: 实现鼠标移到标签时子标签改变属性的方法?

tailwindcss 怎么实现到鼠标移到到当前标签时候,当前标签的子标签改变属性。类似于导航条上的鼠标放上去会展开下拉菜单。 tailwindcss 怎么实现到鼠标移到到当前标签时候,当前标签的子标签改变属性。类似于导航条上的鼠标放上去会展开下拉菜单。

0
2
0
浏览量33
复古直男

鼠标滚动动画实现?

我想写个动画。比如说鼠标向上滚动,一个div往上运动。当我鼠标向下的时候,div往下运动。 有没有这种动画库?我以前的做法是判断滚动方向。然后分别执行不同的动画函数。当然了我的一个动画里面,肯定是包含好几个运动元素的。

0
1
0
浏览量21