移动端开发注意的部分问题

坑军之王的头像
坑军之王
178

1.在页面的开发中,首先要确定要制作的页面是否能够单独充满一个视口,如果可以的话,对相关的根元素需要设置以下代码:

html,body{

height:100%;

}

如果不可行的话,默认将元素慢慢往下顶就行了

2.针对表单上传的时候,如果是单行文本框样式的表单,可将提示内容和input控件全部包入label中。

查看样式及代码如下:

<label><p>投诉商家名称</p><input type="text" id="store_name" name="store_name"></label>

单独一行的表单
 

如果是想将上传文件而又不想要input控件自带的按钮的话,可以参考以下代码。

<style>
label>input{
display:none;
}
</style>
<body>
<p>图片上传</p>
<label for="pic"><img src="images/pic_upload.png"><input type="file" name="pic" id="pic"/></label>
</body>

上传文字

3.在部分搜索栏的的制作时,需要将除了提示区域外的所有控件交给接收信息的input控件。

搜索控制搜索框部分需要设置行高为整体框的高度,这是为了给使用者良好的体验

4.在如果想要设置大面积的点击超链接,需要在超链接的<a>标签处使用属性display:block;

5.切记通过rgba()进行背景透明度的设定,其中的数值分别为红黄蓝的混合度和透明度设置

 

用户评论
评论列表