小冲鸭 发表于 2021-7-30 09:46:47

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

我的网页自适应没法实现,代码我先自己敲,没有反应,我直接复制还是没有反应,换了电脑还是不可以。
style,media和and一起用,什么条件下会让style格式变化,同样代码没有问题,效果没有实现

2012277033 发表于 2021-7-30 10:34:20

media是针对不同场景下的样式的,包括打印,移动设备等,你可以贴一下你对应的代码,这样才好看下是哪里的问题。

小冲鸭 发表于 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>

2012277033 发表于 2021-7-30 11:36:28

小冲鸭 发表于 2021-7-30 11:18


你这个设置只有在显示宽度处于512~1024的情况下才会显示红色如这样:

小冲鸭 发表于 2021-7-30 16:33:51

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

但是我的不行呀

2012277033 发表于 2021-7-30 16:40:12

小冲鸭 发表于 2021-7-30 16:33
但是我的不行呀

...能否将整个页面的代码贴一下,看下是什么原因,我这边这么写
<!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>

小冲鸭 发表于 2021-7-31 17:13:05

2012277033 发表于 2021-7-30 16:40
...能否将整个页面的代码贴一下,看下是什么原因,我这边这么写

关于media 我换了电脑好了

2012277033 发表于 2021-8-2 14:33:36

小冲鸭 发表于 2021-7-31 17:13
关于media 我换了电脑好了

啊这。。。。。比较好奇的是之前的为什么不行,因为目前几乎所有的浏览器都是支持这种写法的。

小冲鸭 发表于 2021-8-12 15:41:13

2012277033 发表于 2021-8-2 14:33
啊这。。。。。比较好奇的是之前的为什么不行,因为目前几乎所有的浏览器都是支持这种写法的。

这论坛不好用,可以的的话我加您个微信,有几个问题帮我看看
页: [1]
查看完整版本: 关于网页自适应和style media的and