Html Windows Phone中的固定宽度视口_Html_Css_Windows Phone 7_Windows Phone 8_Meta

Html Windows Phone中的固定宽度视口

html css windows-phone-7 windows-phone-8

Html Windows Phone中的固定宽度视口,html,css,windows-phone-7,windows-phone-8,meta,Html,Css,Windows Phone 7,Windows Phone 8,Meta,我正在尝试在Windows Phone中使用固定宽度的视口。虽然我尝试了不同的解决方案（meta-name=MobileOptimized，@-ms-viewport），但它在iOS中运行良好，但由于某些原因，它在Windows Phone中无法运行您可以在找到我的示例页以下是iOS中的参考渲染： CSS: HTML: 塞马因飞行架次希望这些链接有助于： windows Phone在这一侧会发生什么情况？为什么不直接使用正文而不是。snippet？+请始终在此处提供代码。 .bou

我正在尝试在Windows Phone中使用固定宽度的视口。虽然我尝试了不同的解决方案（

meta-name=MobileOptimized

，

@-ms-viewport

），但它在iOS中运行良好，但由于某些原因，它在Windows Phone中无法运行

您可以在找到我的示例页

以下是iOS中的参考渲染：

CSS:

HTML:


塞马因飞行架次

希望这些链接有助于：

windows Phone在这一侧会发生什么情况？为什么不直接使用正文而不是

。snippet

？+请始终在此处提供代码。

.bouton {
    display: block;
    width:75%;
    margin:auto;
    padding: 10px 0;
    background:#f60;
    color:#fff;
    font:bold 14px sans-serif;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
}

h2 {
    font:bold 14px sans-serif;
    margin: 15px auto;
    text-align: center;
    text-decoration: none;

}
.snippet {
    width:208px;
    height:326px;
    overflow:hidden;
    background:#ffb280;
}
.snippet h2 {
    font: 16px Arial, sans-serif;
    text-align:left;
    margin: 5px 0 15px;
}
.affiches, .sorties {
    width:250px;
}
.affiche, .sortie {
    width:93px;
    height:122px;
    float:left;
    margin: 0 22px 22px 0;
}
.sortie {
    height:62px;
    margin-bottom:40px;
}
@-ms-viewport{width:208px}
@viewport{width:208px}

<body style="margin:0;padding:0">
<div class="snippet">
<h2>sorties de la semaine</h2>

<div class="affiches">
<a href="page2.html" class="bouton affiche" data-zone="cine" data-method="top/bbar"></a>
<a href="page2.html" class="bouton affiche" data-zone="cine" data-method="top/bbar"></a>
<a href="page2.html" class="bouton affiche" data-zone="cine" data-method="top/bbar"></a>
<a href="page2.html" class="bouton affiche" data-zone="cine" data-method="top/bbar"></a>
</div>
</div>