在 chrome 等浏览器中无法正常工作

Question

移动 phone 视图不显示菜单，也 chrome 智能 phone。这是 link 测试环境。link 这是我的 header.php

   <!DOCTYPE HTML>
<html>
<head>
        <title>WandaSoko</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon"/>

        <!--systling start here -->
                        <!--bootstrap -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
        <!--link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"-->
                        <!--custom-->
        <link href="assets/css/wandasoko.css" rel="stylesheet" type="text/css" media="all" /> 
                        <!-- Custom Fonts -->
        <link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
                        <!--out sourced custom font-->
                        <!--other css_-->
        <link rel="stylesheet" href="assets/css/swipebox.css">
                        <!--slider flow controller-->
        <link href="assets/css/slider_flow.css" rel="stylesheet" type="text/css" media="all" />

        <!--link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100' rel='stylesheet' type='text/css'-->
        <!--link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'-->
    </head>
<body>

Answer 1

您需要使用@media queries

我刚刚看了你的页面源代码。你甚至没有导航栏的任何 js。看起来好像您只使用 css 来调整导航栏的大小。

所以我建议您考虑实施响应式 bootstrap 导航栏。然后你使用媒体查询来改变视口变化，然后你需要在你的 <head> - <meta name="viewport" content="width=device-width, initial-scale=1"> 中添加这一行，但这只有在你获得 css 和 js对于导航栏。

我不会为你做，但谷歌搜索 bootstrap 导航栏是一个开始？

Answer 2

'<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon"/>

'

在 chrome 等浏览器中无法正常工作

Not working in some browser like chrome

css

google-chrome

viewport