Nicht in einem Browser wie Chrome funktioniert

-7

Die Handy-Ansicht zeigt nicht das Menü und auch Chrome für Smartphone .Dies ist der Link zur Testumgebung. link dies meine header.phpNicht in einem Browser wie Chrome funktioniert

<!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>

Quelle

2017-09-13 harri

@ - Paulie_D Dont anawer eine Frage, wenn Sie Antwort .your Kommentar dont haben nicht – harri

helfen Ich habe nicht die Frage beantwortet. Ich habe nur auf die Mängel in Ihrer Frage hingewiesen. –

Dann können Sie nicht verstehen, wie Stack Overflow funktioniert. Benutzer ** sind ** hier, um Ihre Fragen zu beurteilen. –

'<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"/>

Quelle

2017-09-22 17:18:09 harri

Sie müssen verwenden @media queries

Ich hatte gerade einen Blick auf Ihrer Seite Quellcode. Du hast keine js für die Navbar. Es scheint, als ob Sie nur CSS verwenden, um die Größe der Navigationsleiste zu ändern.

Also ich empfehle Ihnen, eine reaktionsfähige Bootstrap Navbar zu implementieren. Dann verwenden Sie Medienabfragen, damit sich Änderungen am Ansichtsfenster ändern können. Dann müssen Sie diese Zeile in Ihre - <meta name="viewport" content="width=device-width, initial-scale=1"> einfügen, aber dies funktioniert nur, wenn Sie die CSS und JS für die Navigationsleiste haben.

Ich werde es nicht für Sie tun, aber googeln für eine bootstrap navbar ist ein Anfang?

Quelle

2017-09-13 12:08:44 DreamRJ

Mein js ist in einer separaten Datei. Der obige Code ist nur für header.php. Die js befindet sich in einer Datei namens footer.php – harri

Nicht in einem Browser wie Chrome funktioniert

Antwort

Verwandte Themen