我在智能手机上没有任何CSS

奥兹

我正在做一个项目,在这里我使用Media查询进行响应式设计。

我总共有4个媒体查询。

在计算机上,当我调整浏览器的大小时,我通过了所有媒体查询,它运行正常。

在智能手机上,我不明白为什么,但我没有得到任何CSS。

即使我在媒体查询之外的样式表中进行操作,也会在*{display: none;}智能手机上显示内容。

您是否知道为什么会发生这种情况?

我有一个index.php文件,可在其中执行css和js导入,并且我有一个函数HomePage()来调用我的主页。

?php
ob_start(); session_start();
require_once('code/db.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="device-width, initial-scale=1, maximum-scale=1" />

<title>Untitled Document</title>
<link rel="icon" type="image/png" href="<?php setHome();?>/template/images/icon.png" />
<link href="<?php setHome();?>/template/css/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"  href="<?php setHome();?>/template/fonts/fonts.css" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="<?php setHome();?>/template/acc/css/jquery-ui-style.css" type="text/css" />

<script type="text/javascript" src="<?php setHome();?>/template/js/jquery.js"></script>
<script type="text/javascript" src="<?php setHome();?>/template/js/scripts.js"></script>

<?php
HomePage();
?>

我的setHome函数:

function setHome(){
    echo 'http://localhost/website';    
}

如果我像这样导入我的css,它将起作用:

<link href="template/css/styles.css" rel="stylesheet" type="text/css" />

但是像这样不起作用:(但可以在计算机上工作)

<link href="http://localhost/website/template/css/styles.css" rel="stylesheet" type="text/css" />

像这样也行不通:(但可以在计算机上工作)

 <link href="<?php setHome();?>/template/css/styles.css" rel="stylesheet" type="text/css" />
CupawnTae

如果那是您的实际代码,那么答案很简单

http://localhost

可以在您的计算机上使用,但是当您从手机访问它时,它将尝试连接到localhost手机而不是计算机即-您需要在其中放置实际的主机名或IP地址。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我为何在android智能手机上有一个内部IP地址

来自分类Dev

Bootstrap布局在智能手机上过宽

来自分类Dev

OOP设计与智能手机上的性能

来自分类Dev

在智能手机上运行VBA

来自分类Dev

Android Studio:应用程序在我的智能手机上运行后崩溃

来自分类Dev

ScrollView 在 android studio 中工作,但不在我的智能手机上

来自分类Dev

Github仅在智能手机上页面CSS麻烦

来自分类Dev

HTML和CSS布局在智能手机上无法正确显示

来自分类Dev

自适应CSS在智能手机上不起作用

来自分类Dev

如何让我的网页完美适配任何智能手机?

来自分类Dev

如何使我的网站响应智能手机

来自分类Dev

CSS 媒体智能手机

来自分类Dev

连接两个没有Internet的智能手机(颤振)

来自分类Dev

我可以在Android智能手机上调试Android Wear应用程序吗?(如何)

来自分类Dev

CSS媒体查询在Sony Xperia Z智能手机上不起作用

来自分类Dev

CSS媒体查询在Sony Xperia Z智能手机上不起作用

来自分类Dev

如何仅在智能手机上编码Bootstrap手风琴

来自分类Dev

android智能手机上的固定宽度html布局

来自分类Dev

防止在智能手机上滚动特定屏幕尺寸

来自分类Dev

除非已缓存,否则SVG图片不会在智能手机上加载

来自分类Dev

如何在智能手机上相邻显示两个div?

来自分类Dev

React网站按钮和输入在智能手机上不起作用

来自分类Dev

为什么程序在特定的智能手机上抛出OutOfMemoryError?

来自分类Dev

使用Three.js对球体进行纹理处理无法在智能手机上使用

来自分类Dev

智能手机上的位置服务-它使用哪个物理网络?

来自分类Dev

在智能手机上安装两个操作系统

来自分类Dev

返回浏览器时,PHP会话在智能手机上丢失

来自分类Dev

智能手机上的媒体查询网站视图

来自分类Dev

android应用未出现在智能手机上

Related 相关文章

  1. 1

    我为何在android智能手机上有一个内部IP地址

  2. 2

    Bootstrap布局在智能手机上过宽

  3. 3

    OOP设计与智能手机上的性能

  4. 4

    在智能手机上运行VBA

  5. 5

    Android Studio:应用程序在我的智能手机上运行后崩溃

  6. 6

    ScrollView 在 android studio 中工作,但不在我的智能手机上

  7. 7

    Github仅在智能手机上页面CSS麻烦

  8. 8

    HTML和CSS布局在智能手机上无法正确显示

  9. 9

    自适应CSS在智能手机上不起作用

  10. 10

    如何让我的网页完美适配任何智能手机?

  11. 11

    如何使我的网站响应智能手机

  12. 12

    CSS 媒体智能手机

  13. 13

    连接两个没有Internet的智能手机(颤振)

  14. 14

    我可以在Android智能手机上调试Android Wear应用程序吗?(如何)

  15. 15

    CSS媒体查询在Sony Xperia Z智能手机上不起作用

  16. 16

    CSS媒体查询在Sony Xperia Z智能手机上不起作用

  17. 17

    如何仅在智能手机上编码Bootstrap手风琴

  18. 18

    android智能手机上的固定宽度html布局

  19. 19

    防止在智能手机上滚动特定屏幕尺寸

  20. 20

    除非已缓存,否则SVG图片不会在智能手机上加载

  21. 21

    如何在智能手机上相邻显示两个div?

  22. 22

    React网站按钮和输入在智能手机上不起作用

  23. 23

    为什么程序在特定的智能手机上抛出OutOfMemoryError?

  24. 24

    使用Three.js对球体进行纹理处理无法在智能手机上使用

  25. 25

    智能手机上的位置服务-它使用哪个物理网络?

  26. 26

    在智能手机上安装两个操作系统

  27. 27

    返回浏览器时,PHP会话在智能手机上丢失

  28. 28

    智能手机上的媒体查询网站视图

  29. 29

    android应用未出现在智能手机上

热门标签

归档