PHP插入时CSS不起作用

我一直在尝试使用PHP在 style </ code>标签中插入我的CSS文件内容 页面。</ p>

 &lt; style&gt; 
&lt;?php
$ css = file_get_contents('css / roboto-robotocondensed.css');
$ css 。= file_get_contents('css / reset.css');
$ css。= file_get_contents('css / mainstyle.css');
$ css。= file_get_contents('css / industriaalimentosebebidas.css');
echo $ css;
?&gt;
&lt; / style&gt;
</ code> </ pre>

在最后一个文件“industriaalimentosebebidas.css”中,我有以下代码:< / p>

  header {
height:500px;

background:url(../ img / cases / casos-de-sucesso-alimentos-e-bebidas-cover.jpg)no-repeat center bottom / cover;
}

header p {
width: 75%;
font-size:1.536rem;
}
.imgGradient {
height:100%;
}

@ media only screen and(min-width:1600px){
header {
height:700px;
}
}
</ code> </ pre>

由于某种原因,浏览器会忽略媒体查询上方的标题样式代码。 nBut,当我使用</ p>

 &lt; link rel =“stylesheet”type =“text / css”href =“css / industriaalimentosebebidas.css”/&gt;获取CSS文件时 
</ code> </ pre>

一切正常。</ p>

在检查器中,标题高度似乎没有被覆盖...和背景 图像未加载。</ p>

即使我删除了媒体查询部分,标题部分也不起作用。</ p>

在html 中 head </ code>我正在使用</ p>

 &lt; meta name =“viewport”content =“width = device-width,initial-scale = 1.0,user-scalable = 没有“/&GT; 
</代码> </ PRE> \ n

有没有人知道可能发生的事情?</ p>
</ div>

展开原文

原文

I have been trying to use PHP to insert my CSS's file contents in the style tag of a page.

<style>
    <?php 
        $css = file_get_contents('css/roboto-robotocondensed.css');
        $css .= file_get_contents('css/reset.css');
        $css .= file_get_contents('css/mainstyle.css');
        $css .= file_get_contents('css/industriaalimentosebebidas.css');
        echo $css;
    ?>
</style>

And in the last file, "industriaalimentosebebidas.css", i have the following code:

header {
    height: 500px; 
    background: url(../img/cases/casos-de-sucesso-alimentos-e-bebidas-cover.jpg) no-repeat center bottom / cover;
}

header p { 
    width: 75%;
    font-size: 1.536rem;
}
.imgGradient {
    height: 100%;
} 

@media only screen and (min-width: 1600px) {
    header {
        height: 700px;
    }
}

For some reason, the header style code above the media query is being ignored by the browser. But, when I get the CSS file using

<link rel="stylesheet" type="text/css" href="css/industriaalimentosebebidas.css"/>

everything works fine.

In the inspector, the header height does not seem to be overwritten... and background image is not being loaded.

Even if I remove the media query part, the header part does not work.

In the html head I'm using

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>

Does anyone have a clue of what might be going on?

dongyuan1970
dongyuan1970 你可以在这里看到instrumentos-lince.com.br/industria-alimenticia
大约 3 年之前 回复
dongwen7371
dongwen7371 你在网上有吗?我想其他一个文件没有关闭{
大约 3 年之前 回复
ds1379551
ds1379551 您可以在客户端添加生成的页面源代码吗?我的意思是从浏览器查看源代码,将其复制并粘贴到此处-也许更容易看出问题出在哪里
大约 3 年之前 回复

1个回答

在您的css中



查找该行:</ p>

  #infos .imgContainer {max-height:25vw} 1rem} 
</ code> </ pre>

这就是它被破坏的原因。</ p>

原文:</ strong> </ p>

基本上在文件之间添加空格:(不是分号,记住错误)</ p>

 <  code>&lt; style&gt; 
&lt;?php
echo implode(“
”,[
file_get_contents('css / roboto-robotocondensed.css'),
file_get_contents('css / reset.css'),

file_get_contents('css / mainstyle.css'),
file_get_contents('css / industriaalimentosebebidas.css')
]);
?&gt;
&lt; / style&gt;
</ code> </ pre >
</ div>

展开原文

原文

in your css look for the line:

#infos .imgContainer{max-height:25vw}1rem}

this is the reason it is broken.

original:

basically add spaces between the files: (not semicolons, remembered that wrong)

<style>
<?php 
    echo implode("
", [
        file_get_contents('css/roboto-robotocondensed.css'),
        file_get_contents('css/reset.css'),
        file_get_contents('css/mainstyle.css'),
        file_get_contents('css/industriaalimentosebebidas.css')
    ]);
?>
</style>

dsh1102
dsh1102 添加分号实际上会破坏CSS,因为媒体查询会关闭括号。 但删除1rem解决了这个问题。 由于某种原因,当我缩小CSS时它就破了。 谢谢!
大约 3 年之前 回复
doubi6303
doubi6303 不知道这是否适用于这个问题,但听起来像个好主意:)
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问