为移动设备创建网页有哪些基础知识?我正在开发一个带有桌子和几个链接的简单页面,但是当我用我的Android手机打开它时它太小了,我必须放大才能清楚地看到它。通常,当我访问准备好移动设备的页面时,我可以很清楚地看到它开始。
我该怎么做?
干杯。
答案 0 :(得分:8)
您可以先调整CSS规则并使用正确的元标记:
http://learnthemobileweb.com/2009/07/mobile-meta-tags/
http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248
这将解决调整大小问题。 有关详细参考,您可以阅读本书的一些章节: http://building-iphone-apps.labs.oreilly.com/
旨在为iPhone开发webapps,但(因为iPhone和Android都使用webkit浏览器)对Android也非常有用。
如果您想构建功能丰富的网络应用,那么您可以查看PhoneGap http://www.phonegap.com/
答案 1 :(得分:2)
很多都取决于您的显示尺寸。如果您没有构建适合特定屏幕大小的网站,它将(很多次)默认为标准浏览器分辨率。尝试将body元素的CSS高度和宽度设置为适合Android手机的内容并重新加载页面。
一旦你有合适的尺寸,就像建立任何其他网站一样。
答案 2 :(得分:1)
您是否将doctype设置为xhtml mobile?
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml- mobile10.dtd">