你的位置:首页 > 软件开发 > 网页设计 > webkit webApp 开发技术要点总结

webkit webApp 开发技术要点总结

发布时间:2016-07-27 19:00:08
1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个: ...

1. viewport:2. link:

<link rel=”apple-touch-startup-image” href=”startup.png” /> // 设置开始页面图片

<link rel=”apple-touch-icon” href=”iphon_tetris_icon.png”/> // 在设置书签的时候可以显示好看的图标

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">    // 肖像模式样式       

<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"   // 风景模式样式

 

//竖屏时使用的样式 

<style media="all and (orientation:portrait)" type="text/css">

#landscape { display: none; }

</style>

 

//横屏时使用的样式 

<style media="all and (orientation:landscape)" type="text/css">

#portrait { display: none; }

</style>  

补充:

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:webkit webApp 开发技术要点总结

关键词:web

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。