[已解决]求助大佬,万分感谢!!!

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!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>

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

最佳答案

月排行榜 / 总排行榜

悠悠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>

跳转到最佳答案楼层

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，这两者只能满足一个，所以不会执行者里面的 ...

可以了!!!万分感谢!!!

账号		自动登录	找回密码
密码			立即注册