标题格式适用于Safari,但不适用于iPhone上的Chrome@media屏幕大小技术

时间:2015-03-24 作者:Robert Galvan

我用下划线创建了一个响应性强的设计主题

我试图格式化标题文本。css文件,在iphone设备上打开时生成较小的文本。

我使用@媒体屏幕和(最大宽度600px)作为规则集来更改大小。

当我在safari浏览器上查看它时,它工作得很好,但是当我在google chrome应用程序上打开它时,它会忽略我设置的规则。

非常令人沮丧的是,我尝试重置缓存以查看是否可以修复,但在多次测试后,不确定是什么原因导致它忽略了我为较小屏幕设置的规则。

还有一个问题,响应性主题仍然是一件事吗?或者这是我应该放弃的东西。

1 个回复
SO网友:Jonathan Foster

“max width”后需要冒号。

因此,您的媒体查询应该如下所示@media screen and (max-width: 600px){ insert styles here }

而且,响应性主题非常重要,因此仍然是一件事。如果没有响应,我不会创建一个主题。现在很标准。绝对不要放弃它。

结束

相关推荐

内部服务器错误和错误的css

我目前正在一个WooCommerce网站上工作,该网站面临着许多内部服务器错误,有时甚至是糟糕的CSS。错误CSS的一个示例:站点有时会加载这样的内容,而它应该加载这样的内容:该站点安装了以下插件:Akismet、代码片段、Mailchimp、Max Mega Menu、Nav Menu Roles、Pie Register、美德/品尼高工具包、Woocommerce、Woocommerce PDF发票;装箱单、Woocommerce产品SKU生成器、Wordpress社交登录、YITH Woocomme