我正在为移动用户和 PC 用户创建一个网站。我希望这两个最终用户都能正确查看该网站。我现在基本上是在调查移动用户的部分。当我在我的手机上加载页面时,它似乎有点小了。我需要减小页面的整体大小或其分辨率以适合移动设备。 当我检查谷歌的移动版本时(here) , 它在 pc 的浏览器中似乎更小,因为它适合移动浏览器。
我必须使用什么方法???我正在使用支持 javascript 和 css 的 Xhtml 来构建网站
最佳答案
您可以轻松地为不同的 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">
这里的相关媒体类型大概是屏幕
在电脑上正常观看和手持
。
您还可以使用 media='all'
指定样式表,然后在不需要重新设置所有样式时根据其他样式表中的媒体类型应用特定样式。
关于javascript - 为移动浏览器创建网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2055710/