gpt4 book ai didi

html - 样式中的媒体查询不会影响设计

转载 作者:行者123 更新时间:2023-11-28 13:09:02 28 4
gpt4 key购买 nike

我正在使用 HTML5、CSS3 为 iphone 和 android 手机开发屏幕。

无论我在媒体查询中编写何种样式,都不会影响我的设计。假设我将这些样式放在媒体查询之外,它的工作正常......

请告诉我原因..

这里我给出了我的 jsFiddle 示例代码..

<body>
<header>
<div> <img src="images/Uconnect_header.png" width="480" height="114"> </div>
</header>
<section>
<div id="headingTxt"><h5>UCONNECT ACCESS SERVICES</h5></div>
<p class="descriptionTxt">Services intro copy will go here and need to be dynamically filled according to new and existing schemas. This could be larger or smaller then what is displayed here.</p>
<hr>


body{
margin:0px;
padding:0px;
background-color:#CCC;
width:480px;
border:1px solid red;
}
section{
margin:10px;
}
@media only screen and (max-device-width: 480px) {

#headingTxt{background-color:#009966;}
.descriptionTxt{color:red;}
}

http://jsfiddle.net/prabunivas/dkdRt/

最佳答案

试试这个 @media (max-width: 480px) { ...

能够在开发时检查浏览器大小调整。

查看此 answer最大宽度和最大设备宽度之间的差异

关于html - 样式中的媒体查询不会影响设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15680615/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com