html+css+jq随记

随便写个博客吧,记录一下自己的历程,今天忽然用自己好久不用的jq还做项目,并且从零开始搭建,让自己慌乱不已啊!遇到了如下问题

1、ios端点击闪屏的问题,解决办法如下

  在body上添加  -webkit-tap-highlight-color: rgba(0,0,0,0);

2、移动端300ms延迟,解决办法如下

   使用zepto.js代替jquery.js,语法糖是一样的,zepto现在是按照模块加载的,你需要在你的html里引入touch模块,然后使用语法$('#id').tap(function(){})就可以解决300ms延迟的问题

3、字体居中的一种方式,解决办法如下

  left:50%; // 相对于父元素向左百分之五十

  transform: translateX(50%);相对于自己向左百分之五十
  当然了,父元素用absolute 还是relative根据实际来看
 
4、偶尔会白屏
  这个情况比较特殊,也就我会遇到吧,因为我使用的是rem布局,rem布局的js有问题,偶尔初始化的时候font-size:0px;导致页面大小变为零,所以显示的是空页面,导致后台不返回html文件,但是会返回接口数据(很奇怪),后来换了一种写法就好了,具体怎么写就不说了,因为我还不懂他到底是怎么写的,话说现在使用vh和vw布局很好,有空可以学学。
 
5、一些自己不知道的css
  cursor: pointer;  // 居然有这么大的作用,虽然应用上没感觉到,但是百度的说很有用,应该是给出了 button以外可点击的属性
  
6、页面滚动的时候,不会缓慢停止,解决方法
  在body上添加 
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
 
7、一些自己认为有趣的事情
  移动端页面X关闭按钮,居然使用两个span,设置倾斜45度,来做的,没有用到图片,神奇神奇呀,有意思有意思!(理解我这种写java,然后写vue的前端小白的兴奋)
 
8、无力的吐槽
  css预编译语言真的太好用了,比如less。
 
最后:无论是vue还是jq,css写的好的,写的页面都漂亮,最难写的还是css和设计的思路(没有设计的苦恼)
 

猜你喜欢

转载自www.cnblogs.com/fooller/p/9058271.html