クロムのようなブラウザでは動作しません

-7

携帯電話の表示にはメニューが表示されず、スマートフォン用のクロムも表示されます。これはテスト環境へのリンクです。 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>

出典

2017-09-13 harri

@ - Paulie_Dいけないanawerあなたは、私が質問に答えていない – harri

を助けていない回答.yourのコメントを持っていけない場合は質問。私は単にあなたの質問の欠点を指摘しました。 –

次に、スタックオーバーフローの仕組みを理解していません。ユーザー**はあなたの質問を判断するためにここに**あります。 –

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

「

出典

2017-09-22 17:18:09 harri

あなたは、私はちょうど自分のホームページのソースコードを見ていた@media queries

を使用する必要があります。あなたはnavbarのjsも持っていません。まるでcssを使ってnavbarのサイズを変更しているかのように見えます。

したがって、レスポンシブなブートストラップナビバーを実装することをお勧めします。その後、ビューポートの変更時にメディアクエリを使用すると、<head> - <meta name="viewport" content="width=device-width, initial-scale=1">にこの行を追加する必要がありますが、これはnavbarのcssとjsを取得した後にのみ機能します。

私はあなたのためにそれをしませんが、ブートストラップのためのグーグルnavbarはスタートですか？

出典

2017-09-13 12:08:44 DreamRJ

私のjsは別のファイルにあります。上記のコードはheader.phpのみです。 jsはfooter.phpというファイルにあります – harri

クロムのようなブラウザでは動作しません

答えて

関連する問題