Javascript 为移动浏览器创建网页

我正在为手机用户和pc用户创建一个网站。我希望这两个最终用户都能正确地浏览这个网站。我现在主要研究移动用户的部分。当我在手机上加载页面时，它看起来太小了。我需要减小页面的整体大小或分辨率以适应手机。 当我查看谷歌的移动版本时，它在pc浏览器中看起来更小，因为它适合移动浏览器

---

我必须使用什么方法？？？我正在使用支持javascript和css的Xhtml来构建网站

您可以轻松地为不同的项目指定多个样式表：

此处的相关媒体类型可能是

屏幕

，用于在计算机上正常观看和

手持

---

您还可以使用

media='all'

指定一个样式表，然后根据其他样式表中的介质类型应用特定样式（如果不需要重新设置所有内容的样式）。

您可以轻松地为不同的内容指定多个样式表：

此处的相关媒体类型可能是

屏幕

，用于在计算机上正常观看和

手持

---

您还可以使用

media='all'

指定样式表，然后根据其他样式表中的媒体类型应用特定样式（如果不需要重新设置所有内容的样式）。

考虑以相对单位（如%和em）指定大小。这样，所有内容都会相对于可用屏幕大小进行缩放。这是一个好主意，因为（没有JS）你不知道用户浏览器窗口有多大。如果要防止内容（即字体）变得太小，请使用最小宽度

---

这种方法唯一真正的问题是图像，因为它们最适合于其自然大小。SVG解决了矢量艺术的这一问题，但使用Johannes所述的CSS媒体目标也可以解决移动设备的这一问题。

考虑使用相对单位（如%和em）指定大小。这样，所有内容都可以相对于可用屏幕大小进行缩放。这是一个好主意，因为（没有JS）你不知道用户浏览器窗口有多大。如果要防止内容（即字体）变得太小，请使用最小宽度

---

这种方法唯一真正的问题是图像，因为它们最适合于其自然大小。SVG解决了矢量艺术的这一问题，但使用Johannes所述的CSS媒体目标也可以解决移动设备的这一问题。

iPhone不渲染手持样式表，但您也可以在iPhone上针对样式表：实际上，我需要在foo_mobile.CSS文件中提供内容。我们需要在那里具体说明什么。如果这些都是糟糕的基础，请原谅，我是web开发领域的新手。尼钦，最明显的候选应该是字体大小调整（

font size:smaller

），删除只占用空间的不必要内容（

display:none

），不使用多列，等等。因为我们不知道你的页面/网站和样式表看起来怎么样，所以我们只能给你一些一般性的建议。如果你有特定的问题，那么你应该这样问。iPhone不提供手持样式表，但你也可以将样式表瞄准iPhone：实际上，我需要在foo_mobile.css文件中提供内容。我们需要在那里具体说明什么。如果这些都是糟糕的基础，请原谅，我是web开发领域的新手。尼钦，最明显的候选应该是字体大小调整（

font size:smaller

），删除只占用空间的不必要内容（

display:none

），不使用多列，等等。因为我们不知道你的页面/网站和样式表看起来怎么样，所以我们只能给你一些一般性的建议。如果你有具体的问题，那么你应该这样问他们。不过，通过vieport的大小控制字体大小可能不是最明智的想法。我认为大多数网站的布局都需要在非常小的屏幕上重新设计，而不是仅仅缩小。不过，通过vieport的大小控制字体大小可能不是最明智的想法。我认为大多数网站的布局都需要在非常小的屏幕上重新设计，而不仅仅是缩小规模。

<link rel="stylesheet" type="text/css" media="handheld" href="foo_mobile.css">
<link rel="stylesheet" type="text/css" media="screen" href="foo_screen.css">