Mobile 在移动垂直定向上检测和加载分离站点

目前，我有两个版本的网站，移动版和普通版：

m、 domain.com domain.com

所有移动设备都通过apache（平板电脑+手机）检测并重定向到m.domain.com

我想知道是否可能，在一些具有高分辨率屏幕的平板电脑上：

m、 domain.com曾经垂直旋转过

domain.com已旋转到水平位置

---

有了响应性强的网站，你不需要有两个域名。（我想你这样做是有原因的）

响应式设计使用媒体查询，根据屏幕分辨率等因素确定元素的显示方式

当用户从横向切换屏幕时，浏览器将根据您的媒体查询更改设计

---

我希望这有帮助

我发现进行响应性和适应性设计的最佳方法是为手机（手机和平板电脑）和桌面提供相同的站点，但使用服务器端检测向该设备提供html，这为最终用户节省了带宽，而且使用方便

服务器端检测：

很多流行的CMS都有一个插件，你可以直接使用它

例如：

if( $detect->isMobile() && !$detect->isTablet() ){

     **** small slider with 3 images  ****

} elseif ( $detect->isTablet() ) {

    **** medium slider with 5 images  ****

} else {

  **** the large slider with lots of images that are large ****

}

我在任何地方都使用它，你不需要用它来构建整个页面。您可以在内容区域中仅显示包含10幅图像的桌面滑块，包含5幅图像的平板电脑滑块，以及包含3幅图像的手机的无滑块或滑块。有很多可能性

---

代码示例

是的，我仍在争论该走哪条路。单独与相同+媒体查询。另一个原因是，桌面站点上有大量的图片，并且有很多在移动版本中不需要的js。在这种情况下，当屏幕调整时，您可以使用jQuery捕获，$（窗口）。调整大小（..），此时请检查屏幕分辨率，如果屏幕分辨率足够高，请将用户重定向到桌面站点。这可能会导致apache出现问题，因为它可能会将它们重定向回移动站点。你得到处玩。对于反应灵敏的图片，请阅读以下内容：这违背了反应灵敏的理念，不是吗？如果我的服务器端代码决定了要提供什么html，我宁愿提供单独的页面，使用相同的css有什么好处？因为css用于视口大小，所以您可以使用相同的css，如果您先将其设置为小视口，较小的设备将不会使用它们，但您不必有单独的站点，维护起来更容易。对于终端用户来说，自适应站点实际上比响应式站点更好，因为响应式站点是可视的，因此如果使用img src=-display，大图像将被加载。我的滑块有相同的css，但手机上的滑块显示10个图像中的3个，而不是全部10个图像，它是相同的滑块，只是不同的html。这不能通过响应媒体查询来完成。我明白你的意思，但从结构上/哲学上/逻辑上讲，这与拥有两个版本的网站并从不同的位置为它们提供服务没有什么不同。你们的方法和响应性是有区别的，但拥有dir/mobile_dir/和你们建议的解决方案之间并没有区别。这是完全不同的，即不是两个不同的网站来维护/更新、搜索引擎优化等等。这就是为什么有那么多人在使用这个脚本（php mobile detect）以及为什么它有一长串的CMS用户。为什么有两个网站？相同的CSS，不同的HTML，只要你愿意。