id不适用于移动浏览器的HTML元素

雷斯普斯克

我在移动设备上使用CSS优先级时遇到一些问题。问题是css id选择器push-content不适用于body元素。奇怪的是,它正在我的PC浏览器上运行

代码不适用于移动设备

/* space between content and navigation */
div #push-content {
  padding-top: 60px;
}
<body id="push-content">

它适用body于此之后的元素

<body style="padding-top: 60px;">

我觉得这不是唯一的方法。还有其他解决方法吗?

雷斯普斯克

这绝对是可怕的。我发现了问题。我的网站由wordpress提供支持。我使用了错误的链接。基本上,我是在本地PC上通过XAMP托管网站的,以进行测试。我正在使用bloginfo('stylesheet_url');让我做噩梦的功能样式表未在我的手机上链接。它返回了http://localhost:8080/wordpress/,这是LAN上任何其他设备的不正确链接,因此我将IP放在了那里,它就像一个魅力一样工作。我将其修改为http://192.168.1.8:8080/wordpress/ 192.168.1.8是源/主机计算机的IP(您可以通过在Windows上打开命令控制台并输入“ ipconfig”来找到它)

注意:您应该使用bloginfo('stylesheet_url');功能。我之所以暂时删除它是因为我正在XAMP的帮助下通过LAN在其他设备上测试我的网站。

谢谢大家的帮助。对此,我真的非常感激。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

简单的导航不适用于移动浏览器

来自分类Dev

HTML5音频的playingRate属性不适用于移动浏览器?

来自分类Dev

CSS @media指令不适用于移动浏览器

来自分类Dev

网站宽度jquery.scollto插件不适用于所有移动浏览器

来自分类Dev

Bootstrap嵌入响应式格式不适用于横向移动浏览器

来自分类Dev

媒体查询不适用于浏览器或移动设备

来自分类Dev

AWS S3 存储桶策略不适用于移动浏览器

来自分类Dev

React 应用程序运行良好,但不适用于移动浏览器

来自分类Dev

灯箱不适用于任何浏览器

来自分类Dev

Youtube 不适用于任何浏览器

来自分类Dev

Wolfram Cloud 不适用于任何浏览器

来自分类Dev

VS 2013浏览器链接不适用于静态HTML文件

来自分类Dev

Angular-UI路由器嵌套视图不适用于某些移动浏览器

来自分类Dev

API适用于浏览器,而不适用于JS

来自分类Dev

proxyPass适用于浏览器,但不适用于网络请求

来自分类Dev

使用非拉丁字符时,自动完成功能不适用于某些移动浏览器

来自分类Dev

Post 方法不适用于边缘浏览器,但它适用于其他浏览器,如 Firefox。互联网浏览器,铬

来自分类Dev

跨浏览器的HTML5视频兼容性不适用于多种视频格式

来自分类Dev

用于 php 的 docker 图像不适用于 Windows 10 浏览器

来自分类Dev

适用于移动和非移动浏览器的Ionic Framework界面是否相同?

来自分类Dev

DIV包装器/居中不适用于跨浏览器

来自分类Dev

Google Elevation呼叫适用于浏览器,但不适用于node.js

来自分类Dev

正则表达式适用于浏览器,但不适用于Node.js

来自分类Dev

换行符适用于console.log(),但不适用于Chrome浏览器

来自分类Dev

PHP jQuery Ajax呼叫仅适用于Chrome,不适用于其他浏览器

来自分类Dev

我安装的字体(@ font-face)不适用于所有浏览器-仅适用于Chrome

来自分类Dev

换行符适用于console.log(),但不适用于chrome浏览器

来自分类Dev

PHP-CPP新扩展适用于cli'php'命令,但不适用于浏览器

来自分类Dev

Qunit测试不适用于Visual Studio 2012,因为它们适用于浏览器

Related 相关文章

  1. 1

    简单的导航不适用于移动浏览器

  2. 2

    HTML5音频的playingRate属性不适用于移动浏览器?

  3. 3

    CSS @media指令不适用于移动浏览器

  4. 4

    网站宽度jquery.scollto插件不适用于所有移动浏览器

  5. 5

    Bootstrap嵌入响应式格式不适用于横向移动浏览器

  6. 6

    媒体查询不适用于浏览器或移动设备

  7. 7

    AWS S3 存储桶策略不适用于移动浏览器

  8. 8

    React 应用程序运行良好,但不适用于移动浏览器

  9. 9

    灯箱不适用于任何浏览器

  10. 10

    Youtube 不适用于任何浏览器

  11. 11

    Wolfram Cloud 不适用于任何浏览器

  12. 12

    VS 2013浏览器链接不适用于静态HTML文件

  13. 13

    Angular-UI路由器嵌套视图不适用于某些移动浏览器

  14. 14

    API适用于浏览器,而不适用于JS

  15. 15

    proxyPass适用于浏览器,但不适用于网络请求

  16. 16

    使用非拉丁字符时,自动完成功能不适用于某些移动浏览器

  17. 17

    Post 方法不适用于边缘浏览器,但它适用于其他浏览器,如 Firefox。互联网浏览器,铬

  18. 18

    跨浏览器的HTML5视频兼容性不适用于多种视频格式

  19. 19

    用于 php 的 docker 图像不适用于 Windows 10 浏览器

  20. 20

    适用于移动和非移动浏览器的Ionic Framework界面是否相同?

  21. 21

    DIV包装器/居中不适用于跨浏览器

  22. 22

    Google Elevation呼叫适用于浏览器,但不适用于node.js

  23. 23

    正则表达式适用于浏览器,但不适用于Node.js

  24. 24

    换行符适用于console.log(),但不适用于Chrome浏览器

  25. 25

    PHP jQuery Ajax呼叫仅适用于Chrome,不适用于其他浏览器

  26. 26

    我安装的字体(@ font-face)不适用于所有浏览器-仅适用于Chrome

  27. 27

    换行符适用于console.log(),但不适用于chrome浏览器

  28. 28

    PHP-CPP新扩展适用于cli'php'命令,但不适用于浏览器

  29. 29

    Qunit测试不适用于Visual Studio 2012,因为它们适用于浏览器

热门标签

归档