网站移动兼容性

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

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

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

然而,一个可能的解决方案是为不同类型的手机创建不同版本的网站(例如iphone版本,nokias版本,blackberrys版本等),并使用PHP和WURFL等function来检测移动浏览器键入并加载适当版本的站点。

我过去使用PHP和WURFL来检测是否正在使用桌面或移动浏览器,并加载适当的移动或桌面站点。

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

       

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

试过iPhone和Android。 请注意,只需在ref标签或CSS文件中指定“media =”handheld“”就行了; iPhone并不认为自己是掌上电脑。