适合移动设备宽度的宽网页

我有一个网站，为了适应一些网页的内容，网站的最小宽度是1170px。我也无法制作单独的移动版本。适合移动设备宽度的宽网页

IPhone和Droids通常会自动调整页面大小以适应宽度。但是，如果内容的高度小于屏幕的高度，那么它们似乎不会调整页面的大小，然后宽度将从屏幕上消失。

任何想法我应该改变？我不知道做什么编辑，不会搞乱桌面演示。

2013-04-18 Cineno28

添加在html页面 – 2013-04-18 02:32:52

@Tamil Selvan谢谢，但我试过了，它实际上使页面加载更加紧密。也许它与我的其他CSS冲突？以下是一个示例页面：http：//www.pactlegacy.com/site/contactus.php – Cineno28 2013-04-18 02:42:37

尝试将target-densitydpi=device-dpi添加到元视口。这是Android特有的。

<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi">

来源

2013-04-18 03:12:34

您正在使用Twitter的引导

，并引导-responsive.css缺少在你的代码。

来源

2013-04-18 05:42:51

有一些办法什么都十分重要之前做

，如果你的目标在设备上的工作只是把这些代码的</head>

<meta name="viewport" content="width=device-width" />

结束标签前，然后如果你不想重复你的代码只是针对屏幕上，你想用下面media queries

例如你的网站显示：

@media handheld, screen and (max-width: 320px){ 
    .yourElementClassOrId { 
     width:100%; 
    } 
} 

@media handheld, screen and (max-width: 720px){ 
    .yourElementClassOrId { 
     width:100%; 
    } 
} 
@media handheld, screen and (max-width: 620px){ 
    .yourElementClassOrId { 
     width:100%; 
    } 
}

，但可以轻松地操纵您的网站，如果你的网站已经有flexible grid

希望这有助于

来源

2013-04-18 07:26:31 jhunlio

适合移动设备宽度的宽网页

回答

相关问题