app前端页面开发提示
前端开发
浏览:1316 次

本文总结了开发应用前端页面的12个技巧,希望对您有所帮助。
1.手机APP前端的开发应重视元标签的编写;
2.注意前端开发中HTML5标签的使用;
3.在前端制作中,CSS float属性(灵活布局)应该被丢弃,绝对定位不利于页面布局的扩展;
4.APP的前端使用CSS3边框背景属性制作。
5.尺寸https://blog.sina.com.cn/s/blog_18b319a350102yhcz.html
6.-webkit tap高亮颜色:透明:移动终端没有悬停伪类,但您可以使用它通过添加a、html和body来实现高亮效果。
7、 显示:表格单元格

8.取消在移动终端上单击A标签时出现的蓝色背景:-webkit tap高亮显示颜色:透明; -webkit用户选择:无; -moz用户焦点:无; -moz用户选择:无;
当使用图像作为标签a的单击按钮时,当触发touchstart时,删除灰色背景:a,a:over,a:active,a:visited,a:link,a:focus{-webkit tap highlight-color:transparent;-webkit tap highlight-clor:rgba(0,0,0);outline:none;background:none;text decoration:none}
更改所选的背景色::selection{background:#fff;color;#333}::-moz selection{background:#fff,color:#333}::-webkit selection:{backbackground:#3ff;color:#3333}
单击iOS输入框时删除灰色背景:-webkit tap高亮显示颜色:透明;
9.关于背景图片:
移动终端设置页面背景以填充整个屏幕(html{}或body{})。设计时,不允许将背景放置在外部样式中,而是放置在线条样式中。背景:url(/images/zhuceBG.jpg)无重复固定中心中心/100%100%;
10.填充替换边距
修改网页时发现的问题:例如,对于移动网页,当屏幕分辨率为375*640时,不要将html、body或大型容器(相当于html/body)的边距设置为正值。如果容器的框大小值不是边框框。此时,容器的宽度或高度由分辨率值加上边距值决定,边距值将被水平或上下拉动。否,框大小值仅为(边框/填充/内容)设置,对边距没有影响。因此,最好不要为最外面的容器(包括整个页面内容)设置正边距值,而是使用填充。

11、 元素:在{content:“”之后;显示:块;高度:0;可见性:隐藏;清除:两个}
我一直认为用伪类“:after”清除浮动的方法不会被使用,所以它没有任何效果。但突然我看到了一篇文章。这意味着父元素的高度没有拉伸。在将伪类添加到元素中以移除浮动后,父元素的高度增加,这也表明移除浮动是有效的。
12.移动终端的默认字体至少为12px。可以使用transform scale()缩放字体。缩放后,字体不会显示在左侧。设置变换原点:左侧。
来到统软云免费了解更多信息:、、、等。统软云支持您可以通过单击网站生成自己的app。
,注册后为新手提供免费开发包
提交app定制需求,免费获取报价和周期: