Question

我需要根据设备的宽度在两个表之间切换（我的情况很不寻常，因为客户每个设备需要不同的表，所以我不能只创建一个响应表）。

我的问题很简单，我正在尝试使用@media和显示属性：

@media all and (min-width: 769px){
    table :nth-of-type(1){display:block}
    table :nth-of-type(2){display:none}
}
@media all and (max-width: 768px){
    table :nth-of-type(1){display:none}
    table :nth-of-type(2){display:block}
}

但是我只有两个表（第一种情况）或没有（第二种情况）。

我必须如何使用选择器才能正确显示每个表？

Answer 1

首先，我总是像这样使用@media：“ @ media only screen and ...”。与“ @media all and”不同的是，屏幕不会与打印机或语音屏幕阅读器类型进行交互。

我不确定为什么要对表使用选择器：nth-of-type（）。解决方法是，您可以在div中定义表并隐藏整个div。

因此，如果要隐藏div，代码应如下所示：

$feed = '/v2.8/' . $pageID . '/' . "feed";
$params = array(
 "access_token" => AQUI TU TOKEN // see: https://developers.facebook.com/docs/facebook-login/access-tokens/
);
$params[ "link" ] = "https://zapatillasnewbalancebaratas.blogspot.com/2018/11/zapatilla-new-balance-ml515-col.html";
$params[ "message" ] = "Zapatilla New Balance Ml515 Col";
$params[ "method" ] = POST;

$graph_url = "https://graph.facebook.com" . $feed;


        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $graph_url);
        curl_setopt($ch, CURLOPT_HEADER, 0);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $params);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);

        $output = curl_exec($ch);
        echo $output;
        curl_close($ch);

根据宽度在两张桌子之间切换

1 个答案: