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

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

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

用sass转译出的css文件媒体查询达到分辨率条件不起作用，还是原来的css样式

0

2

Sass

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

@media screen and (max-width: 768px) {
  .footer_box, .footer .footer_box-right {
    display: grid;
    width: 100%; }
  .footer .footer_box-right {
    float: none; } }

@media screen and (max-width: 768px){
  
    .footer_box{
      display: grid;
      width:100%;
    }
    .footer_box-right{
      float:none;
    }
 
}

该问题已被官方收录

安装sass，无法在webstorm中配置

2

2

Sass

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

如何对sass进行环境搭建

0

2

Sass

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

纯css 轮播图怎么实现充满整个屏幕做到自适应

0

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
      *{ 
             margin: 0;
             padding: 0; 
             text-decoration: none;
         }
        ul{
            list-style: none;
        }
        
        #container{
            position: relative;
            width: 100%;
            
            overflow: hidden;/*隐藏溢出的图片*/
        }
        .pic{
            width:400%;/*4张图的宽度*/
            position: absolute;/*基于父容器进行定位*/
            left:0;
            clear: both;
            animation-name: focusmap;
            animation-duration: 12s;
            animation-iteration-count: infinite;

        }
         @keyframes focusmap {
            0%,30%{
                left: 0;
            }
            35%,65%{
                margin-left: -100%;
            }
            70%,99%{
                margin-left: -200%;
            }
            100%{
                margin-left: -300%;;
            }
           
        }
        .pic li{
            width: 25%;
            float: left;
            background: #5dd94e;
        }

        .pic li img {
            width: 100%;
            
        }
    </style>

</head>

<body>

        <div id="container">
                <ul class="pic">
                    <li><a href="javascript:;"><img class="cursor-pointer" src="http://jns.img.bucket.ks3-cn-beijing.ksyun.com/skill/1/d4ddb42c-5e07-4d86-809f-e08898aa800d.jpg"></a></li>
                    <li><a href="javascript:;"><img class="cursor-pointer" src="http://jns.img.bucket.ks3-cn-beijing.ksyun.com/skill/1/d4ddb42c-5e07-4d86-809f-e08898aa800d.jpg" ></a></li>
                    <li><a href="javascript:;"><img class="cursor-pointer" src="http://jns.img.bucket.ks3-cn-beijing.ksyun.com/skill/1/d4ddb42c-5e07-4d86-809f-e08898aa800d.jpg" ></a></li>
                    <li><a href="javascript:;"><img class="cursor-pointer" src="http://jns.img.bucket.ks3-cn-beijing.ksyun.com/skill/1/d4ddb42c-5e07-4d86-809f-e08898aa800d.jpg" ></a></li><!-- 克隆第一张 -->
                </ul>
                
            </div>
</body>

</html>

该问题已被官方收录

引入less.js和less文件后打开报错

1

1

less

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

怎么使用sass

1

1

Sass

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

body{
  .header{
    width:100vw;
    height:11.11vw;
    background:#5fc0cd;
    color: white;
    .close{
      font-size:@font-size;
      float: left;
      padding-left:4.17vw;
      padding-top:3vw;
    }
    .login{
      font-size:5vw;
      padding-left:32.2vw;
      line-height:11.11vw;
    }
    .enroll{
      font-size:@font-size;
      float: right;
      padding-right:4.17vw;
      padding-top:3vw;
    }
  }
  .foot{
     input{
      width:79.17vw;
      height:14.17vw;
      padding-left:20.83vw;
      border: none;
      outline: none;
      font-size:4.17vw;
    }
    .number{
      position: relative;
      margin-top:2.22vw;
    }
    .vertical{
      position: absolute;
      width:0.42vw;
      height:7.36vw;
      background:#eff0f4;
      top:3.33vw;
      left:15.97vw;
    }
    .iphone{
      width:3.89vw;
      height:5.69vw;
      position: absolute;
      top:4.17vw;
      left:5.97vw;
    }
    .password{
      position: relative;
      margin-top:2.22vw;
      margin-bottom:9.72vw;
    }
    .ver{
      position: absolute;
      width:0.42vw;
      height:7.36vw;
      background:#eff0f4;
      top:3.33vw;
      left:15.97vw;
    }
    .locked{
      width:4.17vw;
      height:6.11vw;
      position: absolute;
      top:4.17vw;
      left:5.97vw;
    }
  }
  .logon{
    font-size:4.72vw;
    width:100%;
    height:13.89vw;
    background:#5fc0cd;
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
  }
  .forget{
    color:#5fc0cd;
    font-size:4.58vw;
    float: right;
    margin-top:2.5vw;
    margin-right:4.86vw;
  }

}

该问题已被官方收录

安装ruby和sass时，无法添加源。

1

1

Sass

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

用sass如何重新实现任务11，和less有什么区别

1

1

Sass

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

@font-size:4.86vw;
*{
  padding: 0;
  margin: 0;
}
body{
  background: #eff0f4;
.header{

  height: 11.25vw;
  background: #5fc0cd;
  width: 100vw;
  .close{
    font-size:3.47vw ;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 3.4vw;
    margin-left: 5vw;
    text-decoration: none;
  }
  .loading{
    font-size: @font-size;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 3.4vw;
    margin-left: 32.6vw;
    text-decoration: none;
  }
  .log{
    font-size:3.47vw ;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 3.4vw;
    margin-left: 32.6vw;
    text-decoration: none;
  }
}
}
.dialog          input{
  margin-top: 2.7vw;
    width:81vw;
    height:13.8vw;
    background:white;
    border:none;
  outline: none;
  padding-left:19vw;
  position: relative;
  font-size: 4.17vw;

}
.chart{
  height: 5.55vw;
  width: 4.16vw;
  margin-top: 7.16vw;
  margin-left: 5.55vw;
  border-right: solid 0.27vw #EFF0F4;
  padding-right: 6.25vw;
  position: absolute;
  z-index: 2;
  color: #EFF0F4;
}
.idea input{
  margin-top: 2.7vw;
  width:81vw;
  height:13.8vw;
  background:white;
  border:none;
  outline: none;
  padding-left:19vw;
  position: relative;
  font-size: 4.17vw;
}
.zero{
  height: 5.55vw;
  width: 4.16vw;
  margin-top: 7.16vw;
  margin-left: 5.55vw;
  border-right: solid 0.27vw #EFF0F4;
  padding-right: 6.25vw;
  padding-right: 6.25vw;
  position: absolute;
  z-index: 2;
  color: #EFF0F4;
}
.glass{

  outline: none;
    margin-top: 9.72vw;
   height: 13.8vw;
   width: 100vw;
   font-size: @font-size;
  background: #68CDD5;
  color: #FFFFFF;
}
.foot{
  margin-top: 2.7vw;
  font-size: 3.47vw;
 color:#68CDD5;
  margin-left: 76.3vw;
  text-decoration: none;
}
.object{
margin-top: 97.2vw;
}

该问题已被官方收录

sass中的相同变量，不同取值如何正确的使用，才能让css代码更加简洁。

3

1

Sass

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.back {
        position: absolute;
        left: 5%;
        top: 33%;
        display: inline-block;
        width: .3rem;
        height: .3rem;
        font-size: .36rem;
        // line-height: .88rem;
        border-top: .02rem solid #fff;
        border-right: .02rem solid #fff;
        transform: rotate(225deg);
    }

    .h-page {
        font-size: .36rem;
        line-height: .88rem;
        color: #fff;
    }

该问题已被官方收录

如何配置aginx

0

1

跨域工具nginx

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

server {
		listen       1007;
		server_name  localhost;
		 autoindex on;

		location /{
			root  C:/Users/A/Desktop/turnip;

			index  index.html index.htm;
			
		}
		
	    location /carrots-admin-ajax/{ 
		proxy_pass http://dev.admin.carrots.ptteng.com/; 
		}
		
	}
 }

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1