Question

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

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

我该怎么做？

提前致谢：）

Answer 1

您无法删除PHP功能，具体取决于浏览器的屏幕大小，除了检测它是否是手机，或者不使用PHP提供的SERVER变量，但如果您不想显示您的功能回音时你正在使用手机，你可以在你的CSS中使用display:none值，无论函数是什么回声，都可以被显示

Answer 2

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

Answer 3

您可以在css中执行此操作：

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

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

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

Answer 4

您无法使用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()) {

»see the API for more info

虽然根据经验，对于单独的移动网站而言，这是一种比响应式设计更好的方法。

根据屏幕尺寸删除功能

4 个答案: