How to add media = 'screen' to css using cakePHP?

<?php
    echo $this->Html->css(
        array(
            '/printPlugin/css/960',
            '/printPlugin/css/screen',
            '/printPlugin/css/print',
            '/printPlugin/src/css/print-preview'
          )
        );
?>

This code creates the following HTML:

<link rel="stylesheet" type="text/css" href="/demo-home22/printPlugin/css/960.css" />
<link rel="stylesheet" type="text/css" href="/demo-home22/printPlugin/css/screen.css" />
<link rel="stylesheet" type="text/css" href="/demo-home22/printPlugin/css/print.css" />
<link rel="stylesheet" type="text/css" href="/demo-home22/printPlugin/src/css/print-preview.css" />

My expected result:

<link rel="stylesheet" type="text/css" href="/demo-home22/printPlugin/css/960.css"  media="screen"/>
<link rel="stylesheet" type="text/css" href="/demo-home22/printPlugin/css/screen.css" media="screen"  />
<link rel="stylesheet" type="text/css" href="/demo-home22/printPlugin/css/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="/demo-home22/printPlugin/src/css/print-preview.css" media="screen"/>

This means that I would like to add media="screen"CSS to each link.

NB: I am using cakePHP 3

+4
source share
1 answer

Here you can use

<?php echo $this->Html->css(['mycss'],['media' => 'print']); ?>

Conclusion like this html

<link rel="stylesheet" href="/myproject/css/mycss.css" media="print"/>
+9
source

Source: https://habr.com/ru/post/1617238/


All Articles