为手机浏览器创建网页
我正在为移动用户以及PC用户创建网站。我希望这两个最终用户都能正确查看此网站。我现在基本上正在考虑移动用户的一部分。当我在我的手机上加载页面时，它似乎太小了一点。我需要减少页面的整体大小或其分辨率以适应移动设备。 当我检查谷歌(here)的移动版本时，它在PC的浏览器中似乎更小，因为它适合移动浏览器。为手机浏览器创建网页
什么是我用???我在XHTML中使用支持JavaScript和CSS来构建网站
您可以轻松地为不同media types指定多个样式表的方法：
<link rel="stylesheet" type="text/css" media="handheld" href="foo_mobile.css">
<link rel="stylesheet" type="text/css" media="screen" href="foo_screen.css">
这里的相关媒体类型可能是screen用于在计算机上正常观看，而handheld。
如果您不需要重新设置所有内容，您也可以指定一个带有media='all'的样式表，然后根据其他样式表中的媒体类型应用特定样式。
考虑以相对单位（如％和em）指定大小。这样一切都是根据可用的屏幕尺寸进行缩放。无论如何，这是一个好主意，因为（无JS）你无法知道用户浏览器窗口有多大。如果要防止事物（即字体）变得太小，请使用最小宽度。
这种方法唯一真正的问题是图像，因为它们在自然尺寸上看起来最好。 SVG解决了这个矢量艺术问题，但是使用Johannes所说的CSS媒体目标也可以解决这个问题。
那么，通过vieport的大小控制字体大小可能不是最聪明的想法，但。我认为大多数网站布局需要重新为非常小的屏幕重新完成，而不是缩小。 – Joey 2010-01-13 17:35:49
iPhone不会呈现手持式样式表，但您也可以将样式表定位在iPhone上：http://stackoverflow.com/questions/809532/how-do-i-apply-a-stylesheet-just-to -the-iphone-and-not-ie-without-browser-snif – 2010-01-13 10:13:49
actaually，我需要在foo_mobile.css文件中给出的内容。我们需要在那里指定哪些东西。如果这些是不好的基础知识，请原谅我，我是网络开发领域的新手。 – Nithin 2010-01-13 10:24:09
Nithin，明显的候选人应该是字体大小调整（'font-size：smaller'），删除不必要的东西，只是带走空间（'display：none'），不使用多列等等。不知道你的页面/网站和样式表是怎么样的，我们实际上给你的不仅仅是一般性的建议。如果你有特定的问题，那么你应该问问他们。 – Joey 2010-01-13 10:29:44