安蝶

前端学习ing

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  移动端

摘要:在css3动画上,有一个属性我一直没用到过,也没理解是干嘛的,这次却在iphone手机上发现在一个dom上时用transform:rotateY(180deg)的时候,该dom却闪现后就消失不显示了,经查找是因为缺少了一个css属性perspective。 阅读全文
posted @ 2020-07-09 23:53 安蝶 阅读(1040) 评论(0) 推荐(0)

摘要:每次使用新的环境或安装新的模拟器时,总忘记怎么配置,特做记录。 1.在新建项目时要选择5+App模式,浏览是选择项目目录地址: 2.操作栏选择“运行 -> 运行到手机或模拟器 -> Android模拟器端口设置 ”: 3.选中模拟器右键-属性-打开文件位置,找到adb.exe的路径,浏览选择进去。 阅读全文
posted @ 2020-02-07 17:47 安蝶 阅读(2929) 评论(0) 推荐(0)

摘要:最近做一个落地页发现一个在ios设备上uc浏览器的bug 在uc浏览器开启广告过滤的时候,会把图片过滤掉,无论是背景图还是img标签加载的图片 经过搜索与实验,发现广告过滤的设置关掉就可以,可是一般情况下默认都是开启广告过滤的,总不可能让用户都关掉吧 经过多次试验,发现是图片路径与网页路径不一致的原 阅读全文
posted @ 2019-05-23 11:32 安蝶 阅读(1614) 评论(0) 推荐(0)

摘要:设置html默认font-size: 100px,此时默认的页面的width是750px,然后根据手机大小改变html节点的font-size,从而改变rem的大小,代码如下: <script> var size = 50; var w = window.screen.width; var font 阅读全文
posted @ 2018-10-17 10:22 安蝶 阅读(260) 评论(0) 推荐(0)

摘要:@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */ .class{}}@media (device-height:568px) and (-webkit-min-device-p 阅读全文
posted @ 2016-04-28 13:10 安蝶 阅读(1546) 评论(0) 推荐(0)

摘要:在head标签上加入:(function() { var b = navigator.userAgent; ipad = b.match(/(iPad).*OS\s([\d_]+)/) ? true : false; iphone = !ipad && b.match(/(iPho... 阅读全文
posted @ 2015-09-02 17:31 安蝶 阅读(794) 评论(0) 推荐(0)

摘要:今天遇到手机端的css中a标签的active不起作用,原本想循环a标签,给当前的a标签添加class来解决,可觉得有点儿小麻烦,经查资料了解到解决此问题,只需要添加一个touchstart的空事件即可。例子如下: 点击1 点击2 阅读全文
posted @ 2015-06-11 15:53 安蝶 阅读(2018) 评论(0) 推荐(0)

摘要:注:参考于网上代码,笔记记下 阅读全文
posted @ 2015-06-10 11:40 安蝶 阅读(912) 评论(0) 推荐(0)