不適用於某些瀏覽器，如Chrome

-7

手機視圖不顯示智能手機的菜單和Chrome，這是指向測試環境的鏈接。 link 這是我的header.php不適用於某些瀏覽器，如Chrome

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

我還沒有回答這個問題的問題。我只是指出了你的問題中的不足之處。 –

然後你無法理解Stack Overflow是如何工作的。用戶**在這裏**來判斷你的問題。 –

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

我只是看看你的網頁源代碼。你甚至沒有任何js的導航欄。看起來好像您只是使用css來調整導航欄的大小。

所以我建議你看看實現一個響應式bootstrap導航欄。然後，您使用媒體查詢來更改視口更改，然後您需要在<head> - <meta name="viewport" content="width=device-width, initial-scale=1">中添加此行，但只有獲得導航欄的css和js後才能使用。

我不會爲你做，但谷歌搜索導航欄是一個開始？

來源

2017-09-13 12:08:44 DreamRJ

我的js在單獨的文件中。上面的代碼僅適用於header.php。 js位於一個名爲footer.php的文件中 – harri

不適用於某些瀏覽器，如Chrome

回答

相關問題