小编Rah*_*leh的帖子

创建每周日历模仿谷歌日历

我正在尝试创建每周视图日历,日历没有响应。天应该固定在上面,时间应该固定在左边。日历应该在两边都有滚动条,但滚动条必须在 schedule 内。(见下面谷歌日历/我的截图):

这是我目前的解决方案:https : //codepen.io/Rahmans/pen/LvWZpN

body {
    background: #f0ece2;
}
.inner {
    width: 700px;
    height: 450px;
    margin: 50px auto;
    overflow: scroll;
}
table {

}
table td {
    background: #acdbdf;
    padding: 20px 60px;

}

table thead th {
    position: sticky;
    top: 0;
    background-color: #010101;
    color: #fff;
    padding: 20px ;
    text-transform: uppercase;
    font-size: 21px;
    z-index: 5;
}

table tbody tr th {
    position: sticky;
    left: 0;
    background-color: #69779b;
    color: #fff;
    padding: 20px ;
}
Run Code Online (Sandbox Code Playgroud)
<div …
Run Code Online (Sandbox Code Playgroud)

html css

5
推荐指数
1
解决办法
219
查看次数

如何在 Bootstrap 3 中在移动屏幕上显示桌面版本?

如何在 Bootstrap 3 的移动屏幕上显示桌面版本?我不想要切换桌面/移动版本的链接。我只想在移动屏幕上显示桌面版本。

明确地说,我希望网站在平板电脑上具有响应性,但@media screen max-width: 360px要显示桌面版本。我知道这很奇怪,但我的客户想要那个,我不知道为什么!

谢谢!

twitter-bootstrap twitter-bootstrap-3

3
推荐指数
1
解决办法
1万
查看次数