Question

手机视图不显示智能手机的菜单和镀铬。这是测试环境的链接。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后才能生效。

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

Answer 2

 orderservice:
    environment:
     - ASPNETCORE_ENVIRONMENT=Development
   ports:
  - "80"
networks:
  default:
    ipv4_address: 189.29.0.100

在某些浏览器中无法使用Chrome

2 个答案: