对不同的设备使用不同的标题图像

时间:2019-06-22 作者:Paul

我使用的是扬升主题(由Go Daddy)。当我的网站使用PC或ipad加载时,我的标题看起来还可以,但是当我将其加载到手机上时,它并没有调整大小以适应屏幕(因此我的页面两端都有点丢失),而且我的页面标题也不在正确的位置(顶部而不是中间)。我想使用两个图像显示在不同的设备上。这可以在CSS中完成,还是修改主题模板?为了回答这个问题,我有两张照片:

标题-pc.jpgheader-moblie。jpg公司

非常感谢,

保罗

地点:http://www.catherineparkersolutions.co.uk/

1 个回复
SO网友:Linherest

之后,我将调试源代码以了解详细信息,但我想您可以尝试以下CSS解决方案:

@媒体屏幕和(最大宽度:375px){css选择器{背景图像:url(“header mobile.jpg”);}}}

相关推荐

当我尝试登录时,我正在创建的插件出现‘Headers Always Sent’错误

我正在尝试创建我的第一个插件。到目前为止,它实际上工作正常,但有一个错误:当我尝试登录到wp admin时,会收到一条“Headers ready Sent”PHP消息。如果我从wpcontent/plugins目录中删除插件文件,像往常一样登录,然后替换插件文件,它工作得很好——这似乎只是在登录和注销时发生的。我的(缩写)代码是:<?php /* Plugin Name: Product Manager Plugin URI: http://www.tech-knowled