CSS @import不能使用PHP

时间:2013-12-04 19:50:05

标签: php html css

我正在使用以下html / css来尝试导入PHP文件以充当样式表。这样我就可以动态地编辑样式表中的样式。我是@import的新手,但需要根据当前设备的显示宽度来更改样式表。是否有任何明显的错误,或者我是否可以不使用@import从PHP文件导入源?

<!DOCTYPE html>
<html>
    <head>
    <title></title>
    <base href="http://www.shadespeed.com/loyalty_points/" target="_blank" />
    <meta name="viewport" content="width=device.width"><meta charset="UTF-8">
    <style type="text/css">    
        @import url('../stylesheets/stylesheet_160_low_res.php')(max-width: 319px);
        @import url('../stylesheets/stylesheet_320_small_smartphone.php')(min-width: 320px) and (max-width: 479px);
        @import url('../stylesheets/stylesheet_480_smartphone.php')(min-width: 480px) and (max-width: 767px);
        @import url('../stylesheets/stylesheet_768_tablet.php')(min-width: 768px) and (max-width: 1023px);
        @import url('../stylesheets/stylesheet_1024_monitor.php')(min-width: 1024px) and (max-width: 1279px);
        @import url('../stylesheets/stylesheet_1280_large_monitor.php')(min-width: 1280px);
    </style>
</head>
<body>

</body>
</html>

在此之前,我使用了一个Javascript脚本来获取显示宽度和高度,并将它们存储在COOKIES中,PHP可以读取它。只有在不存在时才设置cookie。问题是,一旦设置了cookie,它们就不会改变。我需要它们能够在页面刷新时进行更改,因此如果用户正在平板电脑或智能手机上查看网页,则布局可能会发生变化,并且他们会旋转屏幕。

编辑:我刚刚使用PHP样式表文件的完整URL替换了@import网址。

<style type="text/css">

@import url('http://www.shadespeed.com/loyalty_points/stylesheets/stylesheet_160_low_res.php')(max-width: 319px);
@import url('http://www.shadespeed.com/loyalty_points/stylesheets/stylesheet_320_small_smartphone.php')(min-width: 320px) and (max-width: 479px);
@import url('http://www.shadespeed.com/loyalty_points/stylesheets/stylesheet_480_smartphone.php')(min-width: 480px) and (max-width: 767px);
@import url('http://www.shadespeed.com/loyalty_points/stylesheets/stylesheet_768_tablet.php')(min-width: 768px) and (max-width: 1023px);
@import url('http://www.shadespeed.com/loyalty_points/stylesheets/stylesheet_1024_monitor.php')(min-width: 1024px) and (max-width: 1279px);
@import url('http://www.shadespeed.com/loyalty_points/stylesheets/stylesheet_1280_large_monitor.php')(min-width: 1280px);

</style>

我确定我之前尝试过这个,所以我想将标题添加到PHP文件是关键。非常感谢你!

非常感谢,

-Dan。

1 个答案:

答案 0 :(得分:0)

确保您为这些文件发送了正确的内容类型标头。将此行放在这些CSS文件的顶部:

<?php header("Content-type: text/css"); ?>