为移动浏览器创建网页

Question

我正在为移动用户和PC用户创建一个网站.我希望在这些最终用户上正确查看此网站.我现在基本上是在调查移动用户的一部分.当我在我的手机上加载页面时,它似乎有点太小了.我需要减少页面的整体尺寸或其分辨率以适应移动设备.当我检查谷歌的移动版本(这里)时,它在PC的浏览器中似乎更小,因为它适合移动浏览器.

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

Answer 1

您可以轻松为不同的媒体类型指定多个样式表:

<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'然后根据其他样式表中的媒体类型应用特定样式,如果您不需要重新设置样式.