Question

自从我做了一些编码以来已经有一段时间了，所以我基本上是更新PHP的新手（所以请多多包涵）。我已经创建了与我正在研究的新Web相关的基本草案。我决定包括header.php文件（因为该文件应该在该网络上的许多其他页面上使用，并且我不想为每个页面手动编码标题信息）。

index.php文件位于主文件夹中，css，js和图像分别位于单独的文件夹：web-folders-structure中。

一切似乎都工作正常，但是当我模拟iPad或iPhone显示屏时-不会针对这些类型的屏幕调整菜单大小（即使css样式包含每种情况的详细规格）。

它应该是什么样的： expected result

包含header.php时的外观： distorted navigation

index1.php代码的开头：

<?php include ("./inc/header.php"); ?>
<div id="wrap">
</div>
<!-- navigation -->

header.php文件的内容（位于“ inc”文件夹中）：

<?php
//db start
$db = mysqli_connect("localhost", "root", "", "pokus",)
or die('Error connecting to MySQL server.');
//Set DB connection charset to utf-8
$db->set_charset("utf8");
?>

<head>
<title> EGYPTICA - svet starovekeho Egypta 2019 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="sk">   
<meta name="description"  content="historia starovekeho Egypta"> 
<meta name="keywords" content="Egypt, staroveky Egypt, stary Egypt, Egyptica, egyptica, egyptologia, knihy, starovek, mumia, faraon, pyramidy">  
<meta name="copyright" content="Copyright  (c) 2019 Jana Rusnakova"> 
<meta name="author" content="Jana Rusnakova">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="./css/menumaker.css" type="text/css" />
<link rel="stylesheet" href="./css/main-styles.css" type="text/css" />
</head>
<body>

我试图删除include并将元标记直接插入index1.php中，并且在所有类型的显示器上都可以正常工作。但是，一旦使用了include（标题），当我检查小屏幕（平板电脑，手机）时，它将无法正常工作。

有什么建议可以引起这种情况吗？

Thx

Answer 1

尝试添加视口元标记。

<meta name="viewport" content="width=device-width, initial-scale=1.0">。

希望有帮助。

Answer 2

我认为包含header.php文件没有问题。我想问题在于CSS文件中的媒体查询，因为没有显示汉堡菜单并且菜单项没有隐藏...

PHP + CSS：当包含头文件时，菜单布局在小屏幕上中断

2 个答案: