Question

如何制作应与桌面浏览器兼容的网站以及移动浏览器？

Answer 1

桌面和移动设备的替代CSS文件有诀窍。因此在HTML标题中实现：

<head>
<meta name="viewport" content="width=320" />
<link rel="stylesheet" href="mobile.css" type="text/css" media="only screen and (max-device-width: 480px)"/>
<link rel="stylesheet" href="desktop.css" type="text/css" media="screen and (min-device-width: 481px)"/>
<link rel="stylesheet" href="mobile.css" type="text/css" media="handheld"/>
<!--[if IE]>
<link rel="stylesheet" href="desktop.css" media="screen" type="text/css" />
<![endif]-->
</head>

然后，如果您需要移动设备和桌面设备的替代内容，请随时在桌面上显示部分HTML并隐藏在移动设备上，反之亦然。

尝试使用iPhone和Android。请注意，只需在ref标签或CSS文件中指定“media =”handheld“”，不就可以了。 iPhone并不认为自己是手持设备。

Answer 2

我会假设你的意思是兼容的。如果我对你想要达到的目标多了解一点，我可能会有更多的帮助。

基本上，由于移动设备种类繁多（大多数移动设备具有不同的浏览器功能，屏幕分辨率，尺寸等），您将永远无法使网站与所有移动设备完全兼容。某些设备总会出现问题。

然而，一个可能的解决方案是为不同类型的手机创建不同版本的网站（例如iphone的版本，nokias的版本，blackberrys的版本等），并使用PHP和amp; ; WURFL检测移动浏览器类型并加载适当版本的网站。

我使用过PHP＆amp;过去WURFL检测是否正在使用桌面设备或移动浏览器，并加载相应的移动或桌面网站。

网站移动兼容性

2 个答案: