鱼C论坛

 找回密码
 立即注册
查看: 4299|回复: 8

关于网页自适应和style media的and

[复制链接]
发表于 2021-7-30 09:46:47 | 显示全部楼层 |阅读模式

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

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

x
我的网页自适应没法实现,代码我先自己敲,没有反应,我直接复制还是没有反应,换了电脑还是不可以。
style,media和and一起用,什么条件下会让style格式变化,同样代码没有问题,效果没有实现
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2021-7-30 10:34:20 | 显示全部楼层
media是针对不同场景下的样式的,包括打印,移动设备等,你可以贴一下你对应的代码,这样才好看下是哪里的问题。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-7-30 11:18:37 | 显示全部楼层
2012277033 发表于 2021-7-30 10:34
media是针对不同场景下的样式的,包括打印,移动设备等,你可以贴一下你对应的代码,这样才好看下是哪里的 ...
<style media="screen and (min-width:512px) and (max-width:1024px)" >
p{color:red;}
</style>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-7-30 11:36:28 | 显示全部楼层

你这个设置只有在显示宽度处于512~1024的情况下才会显示红色如这样: 3.png 2.png 1.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2021-7-30 16:33:51 | 显示全部楼层
2012277033 发表于 2021-7-30 11:36
你这个设置只有在显示宽度处于512~1024的情况下才会显示红色如这样:

但是我的不行呀
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-7-30 16:40:12 | 显示全部楼层

...能否将整个页面的代码贴一下,看下是什么原因,我这边这么写
<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <title>test</title>
        </head>
        <style media="screen and (min-width:512px) and (max-width:1024px)" >
                p{color:red;}
                </style>
        <body>
                <p>hello</p>
        </body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2021-7-31 17:13:05 | 显示全部楼层
2012277033 发表于 2021-7-30 16:40
...能否将整个页面的代码贴一下,看下是什么原因,我这边这么写

关于media 我换了电脑好了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-8-2 14:33:36 | 显示全部楼层
小冲鸭 发表于 2021-7-31 17:13
关于media 我换了电脑好了

啊这。。。。。比较好奇的是之前的为什么不行,因为目前几乎所有的浏览器都是支持这种写法的。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-8-12 15:41:13 | 显示全部楼层
2012277033 发表于 2021-8-2 14:33
啊这。。。。。比较好奇的是之前的为什么不行,因为目前几乎所有的浏览器都是支持这种写法的。

这论坛不好用,可以的的话我加您个微信,有几个问题帮我看看
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 10:25

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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