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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

fixed相对父元素定位

0

1

定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: #29bde0;
}

该问题已被官方收录

雪碧图大小的问题

1

1

雪碧图

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

display: inline-block;
    background: url(../img/img.png)no-repeat 0 0;
    height: 8px;
    width: 13px;
    transform: scale(0.5);

该问题已被官方收录

组件库改如何引用？

0

1

组件库

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

axios({
  method: 'get',
  url: '/static/style/cart.json',
  data: {
 
  }
 })
<script type="text/javascript" src="static/style/vue.min.js"></script>
<script type="text/javascript" src="static/style/vue-resource.min.js"></script>
<script type="text/javascript" src="static/style/cart.js"></script>
cartView:function(){
 var _this=this //记得写在get上面，不然取不到值
 this.$http.get('/static/style/cart.json',{'id':123}).then(function(res){
 this.pro=res.body.name;
 //_this.produceList=res.body.result.list;
 console.log(res.body.name)
 })
}

该问题已被官方收录

图片定位之后下拉显示在背景上面

1

1

定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

css

header {
    position: sticky;
    top:0;
    width: 100%;
    height: .88rem;
    background-color: #5FC0CD;
    line-height: .88rem;
    text-align: center;
    word-spacing: -10px;
}
.dwyz2{
    height: 15px;
    width: 15px;
    position: absolute;
    margin: 6px 0 0 15px;
}


html
<li class="ddbox">
            <img class="dwyz2" src="../img/task6-6.png"/>
            <span class="date">服务日期</span>
            <div class="lll">
                <span class="left">2018-6-12至2018-3-22</span>
                <span class="right">25元/小时
<a class="qwe"></a>
</span>
            </div>
            <img class="dwyz" src="../img/task6-5.png"/>
            <span class="location">北京.通州.果园</span>
        </li>
        <li class="ddbox">
            <img class="dwyz2" src="../img/task6-6.png"/>
            <span class="date">服务日期</span>
            <div class="lll">
                <span class="left">2015-7-5至2017-7-12</span>
                <span class="right">25元/小时
<a class="qwe"></a>
</span>
            </div>
            <img class="dwyz" src="../img/task6-5.png"/>
            <span class="location">北京.通州.果园</span>
        </li>

该问题已被官方收录

如何如何将我的头部文件固定并保证3个文字定位

3

1

绝对定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码


.text1 {
	line-height: 53px;
	display: inline;
	float: left;
	margin-left: 1rem;
}//css文本
.nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgb(90,192,206);
	width:100%;
	height: 60px;
}//头部固定
<div class="nav">
			<a href="#" class="text1">注册</a>
			<span class="login">登录</span>
			<a href="#" class="text2">关闭</a>
		</div>//HTML部分

该问题已被官方收录

使用vw进行布局，pc端垂直滚动条会占用额外的空间。

1

1

属性属性

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 0 1.9rem;
    padding: 0;
    list-style: none;
}

li {
    width: 18.9vw;
    margin: 0 6.5vw;
}

.via {
    border: .69vw solid #fff;
    margin-bottom: 10vw;
    background: #F5C97B;
    text-align: center;
    letter-spacing: .05rem;
}

该问题已被官方收录

怎么通过标签添加文件？

0

1

代码管理

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

关于Buton的一个疑问

1

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.btn-left,
.btn-right {
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
}
.btn-right {
    float: right;
    margin-right: 1rem;
}
.btn-left {
    float: left;
    margin-left: 1rem;
}

该问题已被官方收录

如何通过rem，font-size，媒体查询实现完美的自适应移动端布局

1

1

自适应 css单位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html {
    font-size: 62.5%
}
@media only screen and (min-width: 481px) {
    html {
        font-size:109%!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size:130%!important
    }
}

该问题已被官方收录

git本地仓库中的.git文件夹有什么作用？

1

1

git 代码管理

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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