不适用于某些浏览器，如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

回答

相关问题