Question

我想使用PHP将CSS文档的属性链接到自身，就像HTML一样：

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

具体来说，我不想导入CSS文件，因此它只显示在我的HTML中的两个CSS <style>标记之间。我希望PHP应用CSS文档中的属性。

我还希望PHP能够使用这个if语句：

<?php
if ($mobile == True)
{
//Your solution here
}
?>

谢谢！

Answer 1

我猜你想要的是为移动视图加载不同的CSS。由于，我的首选方法是在不同视图的修改中有一个css文件。因此，在 style.css 中，您可以执行以下操作：

.example-box { width: 1200px; background-color: #ccc; }

/* Tablet Landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .example-box { width: 1000px; background-color: #ccc; }
}

/* Smaller than 960px */
@media only screen and (max-width: 959px) {
    .example-box { width: 900px; background-color: #ccc; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .example-box { width: 900px; background-color: #ccc; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .example-box { width: 700px; background-color: #ccc; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .example-box { width: 700px; background-color: #ccc; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .example-box { width: 400px; background-color: #ccc; }
}

Answer 2

这就是你所要求的，但这不是最佳做法，我不会推荐它。我会把你推荐给@nietonfir的建议（虽然有点苛刻，他/她是对的）。将CSS中的移动内容作为响应式设计（媒体查询）的一部分进行操作是非常好的和容易的。

<?php
if ($mobile == True){
    echo '<link rel="stylesheet" href="mobile.css" type="text/css">';
}
?>

Answer 3

您不想将特定的css文件放入html中吗？这不是正确的方法，因为w3c已经有了problem fixed

但你要做的是将直接css放入html ......就像用echo

打印代码一样

<?php
if ($mobile == True)
{
    echo '<style type="text/css">
              /*
               * your mobile css
               */

               body{
                   color: #f00;
                   background: #000;
               }
          </style>';
}
?>

这是我真的不推荐的东西

Answer 4

您的方法不正确。假设您尝试将某些样式应用于移动设备，则可以在CSS中使用媒体查询。请参阅：http://www.w3schools.com/css/css_mediatypes.asp

或者，如果您只是尝试根据屏幕宽度设置样式：

@media (max-width: 768px) {
  /* your styles here.... */
}

如何使用PHP来应用css属性？

4 个答案: