1

我刚刚为客户完成了一个移动网站，我主要关注网站的轻便性和响应性。我还没有进行网站重定向，因为它仍在进行中，但所有重要组件都已完成。
现在，如果您在计算机中查看网站并调整浏览器大小，您将看到它如何根据视口的宽度发生变化。但我尝试在我的智能手机（三星 Galaxy S2）中查看它，我最终看到整个网站都挤进了可用的视口。
为什么会发生这种情况，我该怎么做才能让它发挥作用？非常感谢您的宝贵时间！

4

2 回答 2

6

除非您明确指示，否则移动浏览器将不知道该怎么做。

在设计响应式布局时，视口元标记是必不可少的。要解决此问题，只需将以下标签添加到您网站的<head>:

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

如果你觉得你需要再缩小一点（我个人更喜欢这个），你也可以做一些小的调整来获得一个很酷的外观：

<meta name="viewport" content="width=device-width, initial-scale=0.7">

玩得开心，

亚当。

于 2013-06-08T11:16:40.740 回答
0

检查你的 CSS。你还没有关闭你的花括号。或者你有拼写错误。

/* =Responsive: Small screen to tablet & IPAD
-------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
.navbar .nav li a {
 padding-right: 5px;
 pading-left: 5px;
}

示例 CSS。

于 2016-04-12T08:14:27.390 回答