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

Question

我承认我对php和js的了解很差，但我正在尝试创新并制作一个血统网站。所以我制作了两张不同的幻灯片，一张用于桌面，一张用于移动设备，得到了一个短代码，我尝试使用 js 屏幕宽度检测将其放入 html 小部件中，并在 php 代码中提及它。也许它在很多层面上都是错误的，但正如我所说，我对此一无所知，所以显然不起作用，代码只是给了我一个空白的小部件。我究竟做错了什么？

    <script type="text/javascript">

$(document).ready(function () {

  createCookie("width", $(window).width());

});

</script>

<?php

if ($_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]