1

我正在制作一个响应式主题，在某些页面上使用滑块/计算器，我有一个普通版本（slider.php）和一个用于较小屏幕/移动设备的小型版本（small-slider.php）。

我想删除普通版本并根据屏幕尺寸将其替换为较小的版本。

我该怎么做呢？

提前致谢 ：）

4

4 回答 4

1

您不能根据浏览器的屏幕大小删除 PHP 函数，除了检测它是否是手机，或者不使用 PHP 提供的 SERVER 变量，但是如果您不想在使用时显示您的函数回显手机，你可以display:none在你的 CSS 中使用 value 到任何功能呼应，从被显示

于 2013-05-16T17:58:49.390 回答
1

您最好的选择是不包括任何一个，然后在页面加载后使用 javascript 检测浏览器窗口大小并使用 Ajax 拉取适当的计算器。

于 2013-05-16T17:59:18.987 回答
1

您可以在您的 CSS 中执行此操作：

@media screen(max-width:1000px) {
    body {
        background:#000000;
    }
}

@media screen(max-width:100px) {
    body {
        background:#ffffff;
    }
}

这样你就可以做一些事情，如果你不想要什么，只需通过在 CSS 中做这样的事情来移除。

于 2013-05-16T18:02:11.170 回答
1

您无法使用 PHP 检测屏幕大小.. 但如果您坚持，您可以检查它是否是通过用户代理字符串从移动设备访问的

我之前使用过这个库来检查用户是否在移动设备、平板电脑或桌面设备上访问该网站..

https://code.google.com/p/php-mobile-detect/

在那里，您可以执行以下操作：

include 'Mobile_Detect.php';
$detect = new Mobile_Detect;

// Check if acessed from mobile

if ($detect->isMobile()) {
    include 'small-slider.php';
} else {
    include 'slider.php';
}

请注意，这$detect->isMobile()也会在平板电脑上返回 true，因此如果您只想让移动设备使用小滑块，请改用：

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

»查看 API 了解更多信息

尽管根据经验，这对于单独的移动网站来说是一种比响应式设计更好的方法。

于 2013-05-16T18:40:33.440 回答