提前谢谢。

Question

背景：我在HTML4.01 Transitional中有一个旧网站并进行了以下更改，以满足GoogleBot有关视口/移动设备友好页面的新规则：

为移动可查看页面版本创建了子域名“m”。
已添加到.htaccess文件中：＃检查移动设备通常接受的mime类型的RewriteCond ....
在主桌面主页上添加了一些元标记如：

if（screen.width＆lt; 574）{ var ref = document.referrer; var urls = new Array（..... mobile url＆amp; main index page）

在subdomain / m页面上，输入

@media screen and（min-width：240px）and（max-width：480px），屏幕和（最小设备宽度：240px）和（最大设备宽度：480px） { / *样式 / } / 移动样式* / @media handheld {....

问题：

虽然googlebot现在告诉我我的网站是“适合移动设备”的，但当我查看各种手机时我的桌面PC上的模拟器他们没有显示移动页面。在检查Android时，自动重定向会转到移动页面。在iPhone上它没有。

我错过了什么？

[我不能把链接，因为这是我第一次使用stackoverflow所以没有声誉评级，网站使用m。和www。 yokodanaCOM

提前谢谢。

ANSWER，2015年5月3日：

根据收到的建议，我已经解决了这个问题。以下是采取的步骤：

添加到主www域的.htaccess文件中：

RewriteEngine On ＃检查移动设备通常接受的mime类型 RewriteCond％{HTTP_ACCEPT}“text / vnd.wap.wml | application / vnd.wap.xhtml + xml”[NC] RewriteCond％{REQUEST_URI} ^ / $ RewriteRule ^ http://m.example.com% {REQUEST_URI} [R，L]
通过将所有内容放在100％的表格中，使所有html页面具有网络响应性
缩小徽标尺寸＆amp;图像。
在所有root www html文件中添加了以下代码：

if（screen.width＆lt; 800）{ var ref = document.referrer; var urls = new Array（“ht ... exampledotcom”，“ht .... m.exampledotcom”）; var n = ref.match（urls [0]）; var m = ref.match（urls [1]）; if（（m！== null）||（n！== null））{ 停; } else if（ref ==''）{ var r = confirm（“检测到小显示。\ n点击\”确定\“MOBILE SITE。”）; if（r == true）{ window.location =“ht .... m.exampledotcom”; } 其他{ 停 ; } } 其他 { window.location =“ht .... m.exampledotcom”; } }
```
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    ....
    </HEAD>
```
1. 在移动子域名html页面（m.exampleDOTcom）中添加到内部：

screen.css和mobile.css是空文件

 <link rel="stylesheet" href="ht....m.exampleDOTcom/screen.css" type="text/css" media="Screen" />
    <link rel="stylesheet" href="h....m.exampleDOTcom/mobile.css" type="text/css" media="handheld" />

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

    <style type="text/css">

@media screen and (min-width:240px) and (max-width:480px), 
   screen and (min-device-width:240px) and (max-device-width:480px)
{
     /* Styles */
}
/* mobile styles */
@media handheld {

    html, body {
        font: 12px/15px sans-serif;
        background: #fff;
        padding: 3px;
        color: #000;
        margin: 0;
        }
    #sidebar, #footer {
        display: none;
        }
    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
        }
    #content img { 
        max-width: 250px;
        }
    .center {
        width: 100% !important;
        text-align: center;
        }
    a:link, a:visited {
        text-decoration: underline;
        color: #0000CC;
        }
    a:hover, a:active {
        text-decoration: underline;
        color: #660066;
        }

}
/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

    html {
        -webkit-text-size-adjust: none;
        }

}


</style>

===========

我认为至少应该分享对我有用的东西以防其他人搜索相同的问题。很高兴发现这个网站，因为我是一个autodidact在编码和这个网站有完整性，是非常有帮助的。我很欣赏它是如何适度的。谢谢。

Answer 1

我忘记添加IPHONE代码：

SELECT * FROM users

不要忘记使用您的移动页面更改http://url-to-send-them/iphone.html！

Answer 2

我们可以超级轻松，兄弟！

写下这段代码：

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>

我在我的网站上使用过它。我们工作！ 100％惠特000webhost.com和其他人！

不要忘记将mobile.html更改为您的移动网页名称

HTML，使网站移动设备友好，自动重定向不适用于所有手机

提前谢谢。

2 个答案: