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

Question

可以查看的网站here包含div内的所有wrapper div元素，其中包含以下内容：

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

内部内容（例如DESPRE NOI部分）有一个width 960px的静态#despre_noi .latime_960

.latime_960 {
width: 960px;
}

即使主要包装器具有min-width:1280px且内部内容具有静态，960px width，，该网站也非常适合移动设备。我在三星S3和非常老的LG上进行了纵向和横向模式的测试。

非常适合。为什么？是偶然还是我可以保留这种设计，它适用于所有移动设备？

Answer 1

网站不使用Viewport Meta Tag，因此移动浏览器正在缩放内容以适应屏幕。

编辑：我建议使用Viewport Meta标签，将您的移动布局样式放在CSS声明的顶部，然后对大屏幕/设备所需的CSS进行媒体查询。浏览器缩放可能一开始看起来很好，但是当您依赖浏览器缩放时，很可能会遇到字体易读性或触摸目标界面问题。

Answer 2

由于某种原因，您的网站无法加载。你在用000webhost吗？ ＆安培;你在Q中提出的问题...最可能是因为职位：相对;

编辑：＆＃34; ....如果没有被开发者编程为移动友好的程序，可以编程查看整个网站。如果您添加媒体查询以使其大小基于屏幕的高度和宽度而更改div的大小，那么您将看到更改...＆＃34;