如何配置您的移动网站以使用 Opera Mini 的单列视图



我想有一个移动网站,工作响应像Facebook, Twitter,谷歌加当一个人使用Opera迷你浏览器与单列视图访问我的移动网站。

有些人建议在header 上使用声明
<link rel="stylesheet" media="handheld" type="text/css" href="./kh_themes/css/mobile.css">

,但它并不总是为我和其他人工作,因为我从来没有看到一个工作的解决方案,因为我的期望。有人知道怎么做吗?

如果您查看facebook Mobile站点的源代码,您将在标签声明之前看到此代码。

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome to Facebook</title>

我在我的网站上尝试了一下,效果很好。因此,如果你有一个移动网站,在标题部分的标签前添加以下代码:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

让我知道它在你的网站上是如何工作的:不要忘记选择我的答案作为最好的;

最新更新