0

我的意思是如何设置页面

if (android(session) = true && ios(session) = true ) 
{
//display tablet and smartphone version
} else
{
if (desktop() true || windows() = true)
{
//display desktop version
}
if (desktop() true || windows() = true&& browser = ie+9, javascript enabled)
{
//display desktop version
}
{

}

我知道这不是真正的代码，但它可以深入了解我需要的基本代码布局

你能帮我解决这个问题还是分享一个链接谢谢

4

2 回答 2

3

视口元数据可能就是您要查找的内容。这是android 开发网站上的一个很好的读物（特别是因为您也尝试支持 android）。

从那个文档：

<meta name="viewport"
      content="
          height = [pixel_value | device-height] ,
          width = [pixel_value | device-width ] ,
          initial-scale = float_value ,
          minimum-scale = float_value ,
          maximum-scale = float_value ,
          user-scalable = [yes | no] ,
          target-densitydpi = [dpi_value | device-dpi |
                               high-dpi | medium-dpi | low-dpi]
          " />

您可能还想阅读响应式设计，因为它很适合那里。

注意：我认为这更合适，因为如果您想为该平台合并本机外观，您可能只需要真正确定原始浏览器。为了使事情看起来正确，宽度/高度、比例和密度就足够了。

于 2013-06-15T02:32:53.233 回答
0

就个人而言，我会使用如下代码通过屏幕宽度来完成：

<script type="text/javascript">
  <!--
  if (screen.width >=600<=800) {
    window.location = "http://android.domain.com";
  }
 if (screen.width >=200<=300) {
    window.location = "http://os.domain.com";
  }
  //-->
</script>

或者，您可以使用类似的脚本，但改为更改 css 而不是窗口位置

于 2013-06-15T02:26:31.987 回答