哪能看双色球开奖直播|哪个频道3d开奖直播

新闻分类

产品分类

联系我们

扬州翊成网络技术有限公司

祥云平台(苏州)信息技术有限公司扬州分公司

地址:扬州市扬子江中路287号 (财富广场1308-1309)

手机:18552551551

客户服务电话:0514-85893666

客户服?#32714;?#30495;:0514-85552168

客户服务E-mail:[email protected]

网址:http://www.mtqre.tw/

移动端开发需要注意那些问题?

您的当前位置: 首 页 >> 新闻中心 >> 行业新闻

移动端开发需要注意那些问题?

发布日期:2018-02-06 00:00 来源:http://www.mtqre.tw 点击:

一、关于单位的使用

相信只要做过移动端开发的人,或者刚入门的新手朋友们,最纠结的问题是在于“字体”单位的选择!为什么会这样?#30340;?可能在传统的PC端来说,1px=1px的比例。而在移动端却不是这样,1px = ?。 因为出现了一个像素密?#26085;?#26679;个东西,就不能在移动端使用“PX”这个单位。可能在你的大屏手机是1px等于1点几个像素,可能在小屏手机却刚好。就好比网页的兼容性一样,浏览器的内核不同,解析当然会有所不同!正好,CSS3又给你出现了一个新的单位“rem”。

当然出现?#33487;?#26679;的问题,首先我们就会去问问神奇的“百度”。不是网上流传这样一个段子么:“有事找度娘,无事上度娘!”回归正题,大多数网友给出的答案是:?#26696;鴋tml根元素的字体大小设置font-size:62.5%,再?#35789;?#29992;rem这个单位就能很好的解决这个问题!”这样设置后:就会得到一个?#19968;?#27604;例值:1rem = 10px; 如果我们要给一个"h1"标签设置字体大小为20px的时候。我们就直接设置为rem就好了!

移动端开发需要注意那些问题?

二、布局上

相信布局不用我多说什么了,就按照正常的网页布局来写,?#35805;?#35774;计师给的效果图是640*960.我们就按照320的比例来做,就是宽度减少?#35805;搿?#21487;能多数人跟我之前是一样,字体用单位“rem”。其它照样使用px这个单位。好吧!最近又被?#32454;?#30340;UI设计师,?#39029;?#38382;题来了,你怎么这里跟我效果图对不上呀!....好吧!原来想偷工减?#31995;?#23601;这样写的,?#35805;?#27861;,?#28909;?#34987;?#32454;?#30340;查起来了,?#20540;?#21435;找解决方案!(可能之前也没太在意这些细节,一直就这样拖着)暂时找了个合适的解决方案,这样既解决了字体单位的问题,又兼容单位像素的问题!,只是换算麻烦点!

PS:效果图实际像素为60px,在手机端就是30px,在转化成rem单位就在除以20。

扬州网站建设

三、细节处理

可能处理细节就是在解决兼容性的问题吧!还好手机端没有蹦出个IE来,基本都是webkit内核和IOS自带的浏览器。

1、禁止自动识别电话和android自动识别邮箱

<meta content="telephone=no" name="format-detection" />

<meta content="email=no" name="format-detection" />

2、使用无衬线字体body {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}

3、禁止选择文本html, body {-webkit-user-select: none;   /* 禁止选中文本(如无文本选中需求,此为必选项) */user-select: none;}

4、禁止长按链接与图片弹出菜单a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */}

5、去除A连接input标签,点击出现自带的阴影样式a,input{-webkit-tap-highlight-color:rgba(0,0,0,0);/*ios android去除自带阴影的样式*/}

6、屏?#25105;?#24433;:-webkit-appearance:none;可以同时屏?#38382;?#20837;框怪异的内阴影,解决iOS下无法修改按钮样式,测试还发现一个小问题就是,加了上面的属性后,iOS下默认还是带有圆角的,不过可以使用 border-radius属性修改。

7、单击延迟click 事件因为要?#21364;?#21452;击确认,会有 300ms 的延迟,体验并不是很好。开发者大多数会使用封装的 tap 事件来代替click 事件,所谓的 tap 事件由 touchstart 事件 + touchmove 判断 + touchend 事件封装组成。


相关标签:扬州网站建设

最近浏览:

二维码 / Weixin

官网二维码

咨询联系
哪能看双色球开奖直播 卡迪夫城vs曼联前瞻 中原风采22选5走势图 时时彩计划软件哪个准 皇家贝蒂斯vs皇马盘口 快三开奖结果安徽 皇家贝蒂斯球衣 西班牙人赛程集锦 qq飞车幸运玩家 塞维利亚对皇家社会直播 桑普多利亚VS切沃