所以我正在创建迎合移动浏览器的第一个网页。有什么需要考虑的事情?
如何获得适合不同设备(黑莓,iPhone,iPad等)的分辨率?人们使用的是一种常用方法吗?某种框架?
如何防止缩放(在大多数触摸屏手机上,您可以通过捏合放大)?
要记住哪些其他事项?
答案 0 :(得分:5)
要遵循许多良好做法。以下是一些:
width
灵活(100%或接近它),使其扩展以填充屏幕不要让人们水平滚动页面。css
中,添加额外的line-height
以便于阅读。css
中letter-spacing
,以便于阅读。a hrefs
添加填充,以便更轻松地点击/触摸链接。HTML5 form types
,以便现代浏览器使用相应的键盘... http://diveintohtml5.ep.io/forms.html 答案 1 :(得分:3)
只需创建具有液体布局的普通网页,让浏览器负责选择合适的宽度。
如果您知道您的网页可以很好地缩小到移动屏幕尺寸,请向浏览器提供一条线索,表明它可以在没有缩放的情况下以1:1显示页面。包含在<head>
:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
我强烈建议不尝试禁用缩放(user-scalable=no
),因为这是一项有用的功能,您无法通过阻止获得任何内容。