开发项目遇到的大大小小问题总结

1移动端输入六位密码 光标位置不对

解决办法,把它移到看不见的地方

input{

text-indent: -999em;

margin-left: -100%;

width: 200%!important;

}

2  textarea 文本域

resize: none; //禁止放大

overflow-y: hidden;  //进度条

3 遮罩层

.shelter{

position: fixed;

top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color: rgba(0,0,0,.4);

z-index: 10;

display: none;

}

4 打电话,发短信

打电话给:0755-10086

发短信给: 10086

5  rem px 移动端适配问题

移动端字体单位font-size选择px还是rem

对于只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可

对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较大的设备

@media screen and (max-width: 321px) {

body {

font-size: 16px;

}

}

@media screen and (min-width: 321px) and (max-width: 400px) {

body {

font-size: 17px;

}

}

@media screen and (min-width: 400px) {

body {

font-size: 19px;

}

}

// px与rem单位的换算

(function(){

document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';

})();

6 可输入的div

<--输入完后,准备点击确定按钮回复-->

回复买家

<--已回复买家的评价-->

谢谢您,我们会更好的为您服务

div上模拟placeholder

.inputcontent:after {

display: inline-block;

width: 100%;

color: #999;

content: attr(placeholder);

}

7 重定向

重定向是网页制作中的一个知识,几个例子跟你说明,假设你现在所处的位置是一个论坛的登录页面,你填写了帐号,密码,点击登陆,如果你的帐号密码正确,就自动跳转到论坛的首页,不正确就返回登录页;这里的自动跳转,就是重定向的意思。或者可以说,重定向就是,在网页上设置一个约束条件,条件满足,就自动转入到其它网页、网址。

window.location.href = 'goods_management.html?tab=audit';


+群289683894领取学习资料,交流学习

你可能感兴趣的:(开发项目遇到的大大小小问题总结)