设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › 求助大佬,万分感谢!!!
返回列表 发新帖
查看: 2667|回复: 4

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

[复制链接]
上官羽锦
发表于 2020-4-20 14:46:25 | 显示全部楼层 |阅读模式

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

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

x
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <title>搜索引擎选择</title>
  5.                 <meta charset="utf-8">

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

  13.                
  14.                 <style media="screen and (min-width:512px) and (max-width:104px)">
  15.                         body{
  16.                                 background-image : url("E:/web开发/图片素材/青蛙背景.jpg");
  17.                              }
  18.                
  19.                 </style>
  20.         </head>
  21.         <body>
  22.         </body>
  23. </html>







复制代码
求助各位大佬,路径没有问题,背景不会变,搞不懂啊啊啊啊啊啊啊啊啊啊啊啊啊啊!!!
最佳答案
月排行榜 / 总排行榜
悠悠2264
2020-4-20 15:01:29
本帖最后由 悠悠2264 于 2020-4-20 15:03 编辑

这行代码你漏了一个2，应该是1024
  1. <style media="screen and (min-width:512px) and (max-width:1024px)">
复制代码

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

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

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

  13.                
  14.                 <style media="screen and (min-width:512px) and (max-width:1024px)">
  15.                         body{
  16.                                 background-image : url("E:/web开发/图片素材/青蛙背景.jpg");
  17.                              }
  18.                
  19.                 </style>
  20.         </head>
  21.         <body>
  22.         </body>
  23. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

liuzhengyuan
发表于 2020-4-20 14:54:37 | 显示全部楼层
语法没有错，是不是浏览器的问题？？？
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

悠悠2264
发表于 2020-4-20 15:01:29 | 显示全部楼层    本楼为最佳答案   
本帖最后由 悠悠2264 于 2020-4-20 15:03 编辑

这行代码你漏了一个2，应该是1024
  1. <style media="screen and (min-width:512px) and (max-width:1024px)">
复制代码

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

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

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

  13.                
  14.                 <style media="screen and (min-width:512px) and (max-width:1024px)">
  15.                         body{
  16.                                 background-image : url("E:/web开发/图片素材/青蛙背景.jpg");
  17.                              }
  18.                
  19.                 </style>
  20.         </head>
  21.         <body>
  22.         </body>
  23. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

上官羽锦
 楼主| 发表于 2020-4-20 15:05:06 | 显示全部楼层
liuzhengyuan 发表于 2020-4-20 14:54
语法没有错，是不是浏览器的问题？？？

我也不知道,我用的谷歌
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

上官羽锦
 楼主| 发表于 2020-4-20 15:09:21 | 显示全部楼层
悠悠2264 发表于 2020-4-20 15:01
这行代码你漏了一个2，应该是1024

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

可以了!!!万分感谢!!!
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-18 05:07

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表