在 Wordpress 中编辑 CSS 媒体查询

Posted 2023-03-06

【中文标题】在 Wordpress 中编辑 CSS 媒体查询

【英文标题】：Editing CSS Media Queries in Wordpress

【发布时间】：2017-06-28 12:51:41

【问题描述】：

这是functions.php文件的一部分

function javascript_file() 
    //this is the second style sheet for media query in wordpress
    wp_enqueue_style( 'container-css',  get_stylesheet_directory_uri() . '/container.css',array(),null, 'only screen and  (max-width:650px)' );

    wp_enqueue_style( 'container-css' );


//applying action on this function
add_action('init','javascript_file');

在此我在 WordPress 中添加媒体查询的代码， 该代码在浏览器的开发人员工具中运行良好，但 当我把服务器上的代码开始搞砸了， 换句话说，不起作用。

我选择的尺寸是4英寸及以上屏幕。

【问题讨论】：

我们需要一些细节......真正的问题是什么？ css 没有加载...？

css 不加载意味着

我制作了两个文件以在不同设备中加载 css 1>style.css 用于桌面 2>container.css 用于移动设备。当我在服务器上上传主题时 style.css 的代码工作好吧，但是 container.css 会失败。换句话说，不会加载

【参考方案1】：

您可以在外观 -> 编辑器的 wordpress 仪表板中使用媒体查询。简单地复制并粘贴您的媒体查询。

【讨论】：

实际上我制作了css文件第一个文件1>style.css 2>container.css

1>style.css 有一个常规查询 2>container.css 有媒体查询 css 编写，所以当用户想要在移动设备中打开主题时我必须加载 container.css

不需要创建不同的css文件。您也可以在 style.css 中编写媒体查询。