Html 为什么这个网站完全适合移动视图？

可以查看的站点包含

包装div

中的所有

div

元素，具有以下属性：

#content_wrapper{   
  min-height: 100%;
  position: relative;
  min-width: 1280px;
}

内部内容（例如DESPRE NOI部分）的静态

宽度
为
960px
（
#DESPRE NOI
具有class
。latime_960
）

尽管主包装的最小宽度为1280px，内部内容的宽度为960px，但该网站非常适合移动设备。我在三星S3和非常老的LG上测试了它，包括纵向和横向模式

很合身。为什么？这仅仅是偶然的，还是我可以保留这种设计，它将适合所有移动设备？
由于某种原因，您的网站无法加载。您正在使用WebHost吗？
&根据你在问题中的要求。。。它最有可能是因为位置：相对的

编辑：“……如果开发人员未将W网站编程为手机友好型，则可将其作为一个整体查看。如果添加媒体查询以使其根据屏幕的高度和宽度更改div的大小，则您将看到更改……”
由于某些原因，您的网站无法加载。您正在使用WebHost吗？
&根据你在问题中的要求。。。它最有可能是因为位置：相对的

编辑：“……如果开发人员未将W网站编程为手机友好型，则可将其作为一个整体查看。如果添加媒体查询以使其根据屏幕的高度和宽度更改div的大小，则您将看到更改…”
该网站不使用，因此移动浏览器正在缩放内容以适应屏幕

编辑：我建议使用Viewport Meta标记，并将移动布局样式放在CSS声明的顶部，然后在媒体上查询大屏幕/设备所需的CSS。浏览器缩放一开始可能看起来不错，但当您依赖浏览器缩放时，很可能会遇到字体易读性或触摸目标界面问题。
网站不使用，因此移动浏览器正在缩放内容以适应屏幕

编辑：我建议使用Viewport Meta标记，并将移动布局样式放在CSS声明的顶部，然后在媒体上查询大屏幕/设备所需的CSS。浏览器缩放一开始可能看起来不错，但在依赖浏览器缩放时，很可能会遇到字体易读性或触摸目标界面问题。
我觉得在移动视图中效果不好，根本没有响应能力。在OS X上使用safari。我认为您的站点没有响应性，对于响应性设计，您需要@media query@nextstep谢谢，我没有用它进行测试browser@ichadhr对这就是为什么在没有媒体查询的情况下工作似乎很奇怪的原因——但现在我意识到我只在两部手机上使用Chrome进行了测试——例如，我知道它在两部手机上都不起作用Safari@HelloLili也许chrome mobile有针对mobile view进行优化的功能？不知道。。我不使用chrome。它在手机视图中对我来说并不好看，根本没有响应能力。在OS X上使用safari。我认为您的站点没有响应性，对于响应性设计，您需要@media query@nextstep谢谢，我没有用它进行测试browser@ichadhr对这就是为什么在没有媒体查询的情况下工作似乎很奇怪的原因——但现在我意识到我只在两部手机上使用Chrome进行了测试——例如，我知道它在两部手机上都不起作用Safari@HelloLili也许chrome mobile有针对mobile view进行优化的功能？不知道。。我不使用chrome。是的，我正在使用000WebHost。我看到了这个网站，它看起来很棒。我试着在chrome上调整移动网络视图，看起来不错。实际情况是，大多数智能手机，如iPhone或最新发布的androids，都被编程成可以查看整个W网站，如果开发人员没有将其编程为手机友好型的话。如果您添加了一个媒体查询，使div的大小根据屏幕的高度和宽度而变化，那么您将看到变化。基本上就是这样。希望你能理解我说的，哈哈。是的，我正在使用000WebHost。我看到了这个网站，它看起来很棒。我试着在chrome上调整移动网络视图，看起来不错。实际情况是，大多数智能手机，如iPhone或最新发布的androids，都被编程成可以查看整个W网站，如果开发人员没有将其编程为手机友好型的话。如果您添加了一个媒体查询，使div的大小根据屏幕的高度和宽度而变化，那么您将看到变化。基本上就是这样。希望你明白我说的话，哈哈。
.latime_960 {
width: 960px;
}