php - 建立一个网站要在智能手机上正确显示,我应该记住哪些要点?

标签 php javascript css xhtml smartphone

我将使用 xhtml、css、javascript 和 php 构建一个网站。而且这个网站应该像在电脑上一样在iPhone等智能手机上正常显示,所以我想知道在开始 build 这样的网站时应该注意哪些要点。

最佳答案

1) 使用 <meta name="viewport">标记以正确设置比例,以便您的内容填满屏幕

2) 使用 overflow:scroll 避免内部滚动区域,例如 iframe 或 div因为这些不适用于 iOS4 及更早版本,或大多数版本的 Android

3) 避免 position:fixed将导航固定到屏幕的特定部分,因为这在 iOS4 及更早版本或大多数 Android 版本上不起作用

4) 不要依赖悬停或基于滚动的交互,例如鼠标悬停时出现的下拉菜单,因为这些在基于触摸的设备上效果不佳或根本不工作

5) 避免将小文本或链接靠在一起,因为如果您的页面宽度为 800 像素并且正在缩小到 320 像素屏幕,这些将难以阅读或点击。

6)不要使用Flash

更一般地说,您可以选择如何处理此问题:

1) 使用漂亮的大文本制作单个站点设计,当缩小到小屏幕时可以很好地使用

2) 为您的网站设计两种布局,并使用 JavaScript 或 CSS 媒体分辨率查询在移动版和桌面版之间切换样式表,或者

3) 做一个所谓的流式布局,宽度可以在不缩放的情况下针对不同的屏幕尺寸优雅地缩放

关于php - 建立一个网站要在智能手机上正确显示,我应该记住哪些要点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8861465/

相关文章:

php - 在HTML中编辑wordpress的页面模板

jquery - 使用 Bootstrap 3 Navbar 切换事件选项卡

javascript - PHP Codeigniter site_url 产生 HTML 链接错误

php - 我应该在 php 请求的 url 上放置哪个 ip?

java - Ajax 调用不起作用

javascript - .on jquery 方法和动态创建的按钮

javascript - 引导上下文类之间的淡化过渡

PHP 根据数组中项目的数量进行循环

php 点击计数器显示连续点击次数

javascript - JS在 Accordion 中隐藏嵌套列表