为移动设备创建网页的基础知识是什么?我正在开发一个带有表格和几个链接的简单页面,但当我用我的Android手机打开它时,它太小了,我必须放大才能清楚地看到它。通常,当我访问为移动设备准备好的页面时,我一开始就可以相当清楚地看到它。
我该怎么做呢?
干杯。
发布于 2010-05-12 00:11:36
您可以从调整CSS规则和使用正确的meta标签开始:
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和安卓都使用webkit浏览器)对安卓也非常有用。
如果您想构建功能丰富的web应用程序,可以查看PhoneGap http://www.phonegap.com/
发布于 2010-05-12 00:03:37
这在很大程度上取决于你的显示器尺寸。如果你构建的网站不适合特定的屏幕尺寸,它将(很多时候)默认为标准的浏览器分辨率。尝试将body元素的CSS高度和宽度设置为适合您的Android手机,然后重新加载页面。
一旦你的脑海中有了合适的大小,就像建立任何其他网站一样。
发布于 2010-05-30 22:19:48
您是否将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">https://stackoverflow.com/questions/2812233
复制相似问题