带有CSS的移动网站，但不响应屏幕尺寸吗？

Question

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

Answer 1

除非您特别指示移动浏览器，否则不知道该怎么办。

设计响应式布局时，视口元标记至关重要。 要解决此问题，只需将以下标记添加到您网站的<head> ：

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

如果您觉得需要缩小一点（我个人比较喜欢），则还可以进行一些小的调整以得到漂亮的外观：

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

玩得开心，

亚当。

Answer 2

检查您的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。

带有CSS的移动网站，但不响应屏幕尺寸吗？

问题描述

2 个解决方案

解决方案1
5 已采纳 2013-06-08 11:16:40

解决方案2
0 2016-04-12 08:14:27

带有CSS的移动网站，但不响应屏幕尺寸吗？

问题描述

2 个解决方案

解决方案1 5 已采纳 2013-06-08 11:16:40

解决方案2 0 2016-04-12 08:14:27

解决方案1
5 已采纳 2013-06-08 11:16:40

解决方案2
0 2016-04-12 08:14:27