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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

如何下拉框的三角形放大。

3

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.main{
    width: 100%;
    height: 11.11vw;
}
.vo{
    width: 31.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 6vw;
    margin-top: 15vw;
    border: none;
    border-right: solid #eff0f4 0.13vw;
    height: 6vw;
}
.voo{
    width: 31.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 7vw;
    border: none;
    border-right: solid #eff0f4 0.13vw;
    height: 6vw;
}
.vooo{
    width: 32.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 4vw;
    border: none;
    height: 6vw;
}

该问题已被官方收录

在父元素里面设置margin：0；p元素还有margin

2

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>详情</title>
    <style pyte="txet/css">
html { 
    font-size:312.5%; 
} 
body { 
    font-size: initial; 
    margin: 0; 
}

header {
    width: 100%;
    height: 0.88rem;
    background-color: #5FC0CD;
}
    </style>
</head>
<body>
    <header>
        <p>注册</p>
    </header>
</body>
</html>

该问题已被官方收录

如何设置蒙版

1

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无代码

该问题已被官方收录

form表单里button自动刷新页面

2

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<form  class="all">
    <div class="center">
        <img src="../img/login-turnip.png" alt="" class="turnip">
        <div class="form-group">
              <img src="../img/login-person.png" alt="" class="person">
              <input type="text" class="name"  placeholder="请输入用户名">
        </div>
        <div class="form-group ">
             <img src="../img/login-lock.png" alt="" class="password">
             <input type="password" class="word"  placeholder="请输入密码">
        </div>
        <div class="error" id="error"></div>
        <button class="btn btn-default " id="entry" onClick="return false">登录</button>
    </div>

该问题已被官方收录

手机图标和后面的输入框在缩小页面的时候，会变成两行

1

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title></title>
    <style type="text/css">
        *{padding: 0;margin: 0;}
body{
    background:#eff0f4;
    width: 100%;
}
.headers{
    background:#68cdd5;
    color: white;
    height: 88px;
    line-height: 88px;
    text-align: center;
    margin-bottom: 15px;
}
.header-c{
font-size: 32px;
position: absolute;
left: 20px;

}
.header-l{
    font-size: 36px;
}
.header-r{
   font-size: 32px;
   position: absolute;
   right: 20px;
   top: 0;
}
.mains{
    background: white;
height: 100px;
}
.iphone{
    width: 100%;
    height: 41px;
    margin-top: 30px;
position: absolute;
left: 20px;
border-right: solid green;
display: inline-block;
}
.inputs{
    width: 100%;
outline: none;
border:none;
margin-left: 67px;
font-size: 32px;
margin-top: 34px;

}

</style>
</head>
<body>
    <header class="headers">
        <p class="header-c">关闭</p>
        <p class="header-l">登陆</p>
        <p class="header-r">注册</p>
    </header>
    <main class="mains">
        <span class="iphone">
            <img src="img2/iphone.png">
            <input type="text" name="" placeholder="请输入手机号" class="inputs">
        </span>

        <span>

        </span>
    </main>
</body>
</html>

该问题已被官方收录

怎么限制input number输入框的输入数字位数

5

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <input name="myInput_DRS" onkeypress="return isNumeric(event)" onkeydown="return isMoreThan(event)" oninput="maxLengthCheck(this)" type="number" placeholder="Type..." min="1" max="999" />
 2 
 3 <script>
 4   function maxLengthCheck(object) {
 5     if (object.value.length > object.max.length)
 6       object.value = object.value.slice(0, object.max.length)
 7   }
 8 
 9   function isNumeric(evt) {
10     var theEvent = evt || window.event;
11     var key = theEvent.keyCode || theEvent.which;
12     key = String.fromCharCode(key);
13     var regex = /[0-9]|\./;
14     if (!regex.test(key)) {
15       theEvent.returnValue = false;
16       if (theEvent.preventDefault) theEvent.preventDefault();
17     }
18   }
19 
20   function isMoreThan(evt) {
21     var theEvent = evt || window.event;
22     var target = theEvent.target;
23     var keyID = event.keyCode;
24     var isDelete = false;
25     switch (keyID) {
26       case 8:
27           isDelete = true;
28         // alert("backspace");
29         break;
30       case 46:
31           isDelete = true;
32         // alert("delete");
33         break;
34       default:
35         break;
36     }
37 
38     if (!isDelete && target.value.length == target.max.length) {
39       return false;
40     }
41   }
42 
43 </script>

该问题已被官方收录

当使用input number怎么限制数字的个数

1

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <input type="number" id="number1" min="1" max="5">

该问题已被官方收录

如何通过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
    }
}

该问题已被官方收录

如何使滑动块在刷新页面时总是靠左？

1

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <input type="range" id="rangeNumber" oninput="change()" name="change" value="4" min="4" max="18" step="1" >

该问题已被官方收录

在自适应的任务中为什么很少用vw，如果用了会有什么缺点

2

1

css单位

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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