移动端开发注意的部分问题
坑军之王
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()进行背景透明度的设定,其中的数值分别为红黄蓝的混合度和透明度设置