我想制作一个响应式横幅，它会根据 php、js 和 html 的分辨率屏幕而变化

Question

我承认我对php和js的了解很差，但我正在尝试创新并制作一个血统网站。所以我制作了两张不同的幻灯片，一张用于桌面，一张用于移动设备，得到了一个短代码，我尝试使用 js 屏幕宽度检测将其放入 html 小部件中，并在 php 代码中提及它。也许它在很多层面上都是错误的，但正如我所说，我对此一无所知，所以显然不起作用，代码只是给了我一个空白的小部件。我究竟做错了什么？    <script type="text/javascript">$(document).ready(function () {  createCookie("width", $(window).width());});</script><?phpif ($_COOKIE["height"] => 768px) {    echo do_shortcode('[URIS id=2822]');}     else {        echo do_shortcode('[URIS id=2883]');    }?>错误信息是：768px) { echo do_shortcode('[URIS id=2822]'); } else { echo do_shortcode('[URIS id=2883]'); } ?>

Answer 1

完整代码是：

<style>

@media only screen and (min-width: 768px) 

{

  #slider-pro-3-2883 

   {

    display: none;

   }

}

@media only screen and (max-width: 767px) 

{

  #slider-pro-3-2822 

   {

    display: none !important;

   }

}

</style>

[URIS id=2822]

[URIS id=2883]