網站移動兼容性

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。 需要注意的是簡單地指定“媒體=”手持式“”在裁判標簽或CSS文件不會做的伎倆; iPhone並不認為自己是掌上電腦。

Answer 2

我會假設你的意思是兼容的。 如果我對你想要實現的目標多了解一點，我可能會得到更多的幫助。

基本上，由於各種移動設備（大多數具有不同的瀏覽器功能，屏幕分辨率，尺寸等），您將永遠無法使網站與所有移動設備完全兼容。 某些設備總會出現問題。

然而，一個可能的解決方案是為不同類型的手機創建不同版本的網站（例如iphone的版本，nokias的版本，blackberrys的版本等），並使用像PHP和WURFL這樣的東西來檢測移動瀏覽器鍵入並加載適當版本的站點。

我過去使用PHP和WURFL來檢測是否正在使用桌面或移動瀏覽器，並加載適當的移動或桌面站點。

網站移動兼容性

問題描述

2 個解決方案

解決方案1
4 2010-09-27 15:56:44

解決方案2
3 已采納 2010-09-14 11:06:19

網站移動兼容性

問題描述

2 個解決方案

解決方案1 4 2010-09-27 15:56:44

解決方案2 3 已采納 2010-09-14 11:06:19

解決方案1
4 2010-09-27 15:56:44

解決方案2
3 已采納 2010-09-14 11:06:19