我正在为移动用户和PC用户创建一个网站。我希望在这些最终用户上正确查看此网站。我现在基本上是在调查移动用户的一部分。当我在我的手机上加载页面时，它似乎有点太小了。我需要减少页面的整体尺寸或其分辨率以适应移动设备。 当我检查谷歌(here)的移动版本时，它的浏览器似乎更小，因为它适合移动浏览器。
我使用的方法是什么？我使用支持javascript和css的Xhtml来构建网站
答案 0 :(得分：6)
您可以轻松为不同的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'指定样式表，然后根据其他样式表中的媒体类型应用特定样式，如果您不需要重新设置样式。
答案 1 :(得分：0)
考虑以％和em等相对单位指定大小。这样一切都相对于可用的屏幕尺寸进行缩放。无论如何这是一个好主意，因为（没有JS）你不知道用户浏览器窗口有多大。如果你想防止事物（即字体）变得太小，请使用min-width。
这种方法唯一真正的问题是图像，因为它们看起来最适合它们的自然尺寸。 SVG解决了矢量艺术的这个问题，但使用Johannes所述的CSS媒体目标也可以解决这个问题。