IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

移动端与PC端适配

0

1

媒体查询

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

media only screen and (min-width: 401px){
    html {
        font-size: 25px !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 26.75px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 30px !important;
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 35px !important;
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 40px !important;
    }
}

@media only screen and (min-width: 768px){
    html {
        font-size: 48px !important;
    }
}

@media only screen and (min-width: 1024px){
    html {
        font-size: 64px !important;
    }
}
@media only screen and (min-width: 1440px){
    html {
        font-size: 90px !important;
    }
}

动画效果的问题

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.table-col {
    position: relative;
    &:hover .animation-table {
        display: block;
        @keyframes mytable {
            0% {transform: rotate(0);}
            100% {transform: rotate(360deg);}
        }
    }
    &:hover .animation-table2 {
        display: block;
        @keyframes mytable2 {
            0% {transform: rotatey(0);}
            100% {transform: rotatey(360deg);}
        }
    }
    &:hover .animation-table3 {
        display: block;
        @keyframes mytable3 {
            0% {height: 0;}
            100% {height: calc(100% - 48px);}
        }
    }
}
.table {
    table-layout: fixed;
    margin-top: 48px;
    box-shadow: 0 0 3px #D0D6D9;
    border-radius: 3%;
    width: 100%;
    background: #FFFFFF;
}
.animation-table {
    display: none;
    position: absolute;
    left: 15px;
    top: 48px;
    z-index: 1;
    border-radius: 3%;
    width: calc(100% - 30px);
    height: calc(100% - 48px);
    background: rgba(51, 51, 51, .8);
    animation: mytable 1s;
    .at-font1 {
        margin: 40px 0;
        font-size: 14px;
        text-align: center;
        color: rgba(255, 255, 255, 1);
    }
    .at-font2 {
        @extend .at-font1;
        margin: 0 auto 40px;
        width: 80%;
        line-height: 22px;
        text-align: justify;
    }
}
.animation-table2 {
    @extend.animation-table;
    animation: mytable2 1s;
}
.animation-table3 {
    @extend.animation-table;
    animation: mytable3 1s;
}

底部边框要设置为透明色能看得到主体的内容，而且不影响子元素布局，如何设置。

0

1

通用

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <footer class="footer-box">

        <a href="task7.html" class="one-more-game">
            <p>再来一局</p>
        </a>
        <a></a>
        <a href="task7.html" class="share-it">
            <p>上传分享</p>
        </a>

    </footer>

洗牌算法具体指的是什么？

0

1

通用

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function Shuffle(a) {
    var length = a.length;
    for(var i = length - 1, rand;i >= 0; i--){
        rand = Math.floor(Math.random()*(i+1))
        var p = a[i];
        a[i] = a[rand];
        a[rand] = p ;  
    }
}

HashMap'类型的对象上找不到属性或字段'timestamp'

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

org.springframework.expression.spel.SpelEvaluationException: EL1008E: Property or field 'timestamp' cannot be found on object of type 'java.util.HashMap' - maybe not public?

插入图片怎么填满父元素宽度且自适应?

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 .dropdown_ioc {
      background-image: url("2.png");
      background-color: rgb(41, 189, 224);
      display: none;
      position: absolute;
      bottom: -56px;
      width: 100%;
      height: 100%;
      background-size: cover;
      
  }

angular-ui-sortable拖动排序的配置问题

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

1

任务七的第二页是否可以使用css来画右上角的叉

0

1

通用

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.wire {
    margin-top: 2px;
    margin-left: -4px;
    width: 13px;
    border-bottom: 2px solid #ffffff;   
}

页面适配中单位的使用

0

1

通用

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

:root {
    font-size: 20px;
}

怎么让元素具有点击后出现hover的效果

2

1

属性

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.lump a:hover {
    text-decoration: none;
    color: #ff6d1b;
}
.lump a:hover .circle-left {
    background: #ff6d1b;
}