上官羽锦 发表于 2020-4-20 14:46:25

求助大佬,万分感谢!!!

<!DOCTYPE html>
<html>
        <head>
                <title>搜索引擎选择</title>
                <meta charset="utf-8">

                <style>
                body{
                        background-image : url("E:/web开发/图片素材/地球背景.jpg");               
                        }       
                </style>

               
                <style media="screen and (min-width:512px) and (max-width:104px)">
                        body{
                                background-image : url("E:/web开发/图片素材/青蛙背景.jpg");
                             }
               
                </style>
        </head>
        <body>
        </body>
</html>







求助各位大佬,路径没有问题,背景不会变,搞不懂啊啊啊啊啊啊啊啊啊啊啊啊啊啊!!!

liuzhengyuan 发表于 2020-4-20 14:54:37

语法没有错，是不是浏览器的问题？？？

悠悠2264 发表于 2020-4-20 15:01:29

本帖最后由 悠悠2264 于 2020-4-20 15:03 编辑

这行代码你漏了一个2，应该是1024
<style media="screen and (min-width:512px) and (max-width:1024px)">
要不然最小512，最大104，这两者只能满足一个，所以不会执行者里面的语句

完整代码如下：
<!DOCTYPE html>
<html>
      <head>
                <title>搜索引擎选择</title>
                <meta charset="utf-8">

                <style>
                body{
                        background-image : url("E:/web开发/图片素材/地球背景.jpg");               
                        }      
                </style>

               
                <style media="screen and (min-width:512px) and (max-width:1024px)">
                        body{
                              background-image : url("E:/web开发/图片素材/青蛙背景.jpg");
                           }
               
                </style>
      </head>
      <body>
      </body>
</html>

上官羽锦 发表于 2020-4-20 15:05:06

liuzhengyuan 发表于 2020-4-20 14:54
语法没有错，是不是浏览器的问题？？？

我也不知道,我用的谷歌

上官羽锦 发表于 2020-4-20 15:09:21

悠悠2264 发表于 2020-4-20 15:01
这行代码你漏了一个2，应该是1024

要不然最小512，最大104，这两者只能满足一个，所以不会执行者里面的 ...

可以了!!!万分感谢!!!
页: [1]
查看完整版本: 求助大佬,万分感谢!!!