1、开发手机APP前端要重视meta标签的编写;

2、注意HTML5标签在前端开发中的使用;

3、前端制作要舍弃CSS float属性(可flex布局),用绝对定位不利于页面布局的扩展;

4、APP前端制作利用CSS3边框背景属性。

5、尺寸大小 http://blog.sina.com.cn/s/blog_18b319a350102yhcz.html

6、-webkit-tap-highlight-color:transparent:移动端没有hover伪类,但可以使用这个实现高亮效果,通过给a、html、body添加。

7、display: table-cell。

8、取消a标签在移动端点击时出现的蓝色背景:
  -webkit-tap-hightlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;

  使用图片作为a标签的点击按钮时,当触发touchstart的时候,去掉出现灰色背景:
  a, a:hover, a:active, a:visited, a:link, a:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    background: none;
    text-decoration: none;
  }

  改变选中的背景颜色:
  ::selection { background: #fff; color; #333 }
  ::-moz-selection { background: #fff; color: #333 }
  ::-webkit-selection: { background: #fff; color: #333 }

  去掉iOS input框点击时的灰色背景:
  -webkit-tap-highlight-color: transparent;

9、关于背景图片问题:

 移动端设置页面背景填满整个屏幕(html{}或body{}),在设计时,将background放置在外部样式不行,放在行内样式才可现实。background: url(/images/zhuceBG.jpg) no-repeat fixed center center / 100% 100%;

10、padding代替margin

  修改网页发现问题:比如移动端网页,在屏幕分辨率为375 * 640的情况下,不要设置html、body或一个大的容器(相当于html/body)margin为正值,如果容器的box-sizing值不是border-box的情况下。这时容器的值宽或高由分辨率
值加上margin值,从而会水平或上下拉动。不对box-sizing值只是针对(border/padding/content)设置而已,对
margin不起作用。所以最外围容器(包含整个页面内容)最好不要设置margin正值,可以以padding代替。

11、element:after { content:""; display:block; height:0; visibility:hidden; clear:both}

  之前一直觉得对伪类“:after”来清除浮动的方法还不会使用,以至于没有效果。但是突然看到一篇文章,言外之意是,本来父元素的高度没有撑开,而在这个元素添加伪类清除浮动后,父元素有高度了,也说明清除浮动有效。

12、移动端字体默认最小为12px,使用transform的scale()可以进行缩放,缩放后字体不是居左显示的,设置transform-origin:left即可。

最新文章

  1. Android中Services简析
  2. linux C学习笔记02--共享内存(进程同步)
  3. 记一次hadoop datanode进程问题分析
  4. java 基础(第一天)
  5. RichtextBox打印
  6. IP V4地址分类
  7. Node.js学习 - Function
  8. 无法远程连接SQLSERVER2000的解决方法
  9. JMockit常用操作
  10. LeetCode算法题-Ugly Number(Java实现-四种解法)
  11. IDEA创建简单SSM项目使用传统Jar包
  12. BZOJ2716 [Violet]天使玩偶(cdq分治+树状数组)
  13. Java 应该被记住的8位大人物
  14. MSVC vs. MinGW 之dll玩转攻略手记【转
  15. JS知识点整理(一)
  16. [您有新的未分配科技点] 无旋treap:从单点到区间(例题 BZOJ1500&NOI2005 维护数列 )
  17. docker-compsoe & .netcore & nginx
  18. 生成以指定字符为开头的md5值(6位数字)
  19. Elasticsearch6.4.3文档的映射
  20. FJWC2019 子图 (三元环计数、四元环计数)

热门文章

  1. Java中如何声明方法?JavaScript中如何声明函数?
  2. synchronized使用及原理解析
  3. 调用高德地图web api 规划路线
  4. 微信小程序中涉及虚拟产品购买,ios暂不支持的相关整理意见
  5. 位运算符 按位与 &——整数n的二进制数中1的个数
  6. 开关电源PCB排版,基本要点分析
  7. canvas 实现 github404动态效果
  8. Codepen 每日精选(2018-3-31)
  9. 【weex开发】vue-swipe 滑动组件的使用
  10. 什么是实例内部类 Instance inner class有什么语法?