iPhone上的Web前端开发3.ppt
《iPhone上的Web前端开发3.ppt》由会员分享,可在线阅读,更多相关《iPhone上的Web前端开发3.ppt(46页珍藏版)》请在三一办公上搜索。
1、2023/3/4,iPhone上的Web前端开发,云谦,2023/3/4,本次分享的主要内容,一、了解iPhone web app二、CSS三、JavaScript四、Resource,2023/3/4,一、了解iPhone web app,2023/3/4,2023/3/4,2023/3/4,2023/3/4,2023/3/4,2023/3/4,Viewport(视窗),320*356(竖版)480*208(横版)隐藏“地址栏”的情况下320*416(竖)480*268(横)键盘、表单辅助栏默认宽度是 980px用meta标签指定 viewport 设置常量device-widthdevic
2、e-height更详细的介绍http:/design.alibaba-,2023/3/4,开发之前还有一些要知道的,用户是可以设置浏览器属性的JavaScript可能被关掉弹窗默认被禁止iPhone内置了一个调试控制台资源的限制和脚本的限制每个静态资源(*.html,*.js,*.css)10M超过25K的静态资源不会被缓存(gzip前)5秒钟的JavaScript执行时间更多http:/PDF,Word,Text,QT,Canvas 不支持:Java,Flash,SVG,2023/3/4,开发之前还有一些要知道的,不支持的技术模态窗口-window.showModalDialog()Mous
3、eover 事件Hover 样式不要使用frameset不同版本的iPhone,Safari版本不一样iPhone 1.1.x 对应 Safari 3.0iPhone 1.2.x 对应 Safari 3.1.1,2023/3/4,Html结构上的区别,声明viewport的meta标签,和指定桌面icon的link标签,2023/3/4,原生的字体,http:/,2023/3/4,https:/,2023/3/4,2023/3/4,二、CSS,2023/3/4,不支持的属性和选择符,:nth-childposition:fixed-webkit-border-fit-webkit-column
4、(s-*)-webkit-box(-shadow,-sizing)2.0 supported-webkit-text(-stroke,-stroke-color,-stroke-width)2.0 supported-webkit-text-fill-color 2.0 supported,iPhone CSS Test:http:/,2023/3/4,-webkit-text-size-adjust,设置页面上的文本尺寸,控制页面上的文本尺寸默认为auto建议直接设为 none,2023/3/4,-webkit-tap-highlight-color,设置手指触发链接时的颜色,2023/3/
5、4,CSS Animate(需 iPhone OS 2.0),Basic,设置-webkit-transition-property 和-webkit-transition-durationmultiple例子,2023/3/4,CSS Animate(需 iPhone OS 2.0),Animatable CSS Properties,Leftrighttopbottomwidthheightborder-left-width border-right-widthborder-top-widthborder-bottom-widthmargin-leftmargin-rightmargin-
6、topmargin-bottompadding-leftpadding-rightpadding-toppadding-bottomcolorbackground-color-webkit-column-rule-color-webkit-column-rule-width-webkit-column-gap-webkit-column-count-webkit-column-widthtext-stroke-colortext-fill-color-webkit-border-horizontal-spacing-webkit-border-vertical-spacingborder-le
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- iPhone Web 前端 开发

链接地址:https://www.31ppt.com/p-2939046.html