Responsive design HTML无法在移动浏览器上正确显示
我是一名网络开发新手，刚刚完成我的第一个网站：www.aviakassir.az 但当我尝试在移动设备上打开我的网站时，我面临着这个问题。标题的某些部分根本没有显示（顶部的联系人和语言行）。菜单分为两部分，搜索脚本位于图像下方Responsive design HTML无法在移动浏览器上正确显示,responsive-design,mobile-browser,Responsive Design,Mobile Browser,我是一名网络开发新手，刚刚完成我的第一个网站：www.aviakassir.az 但当我尝试在移动设备上打开我的网站时，我面临着这个问题。标题的某些部分根本没有显示（顶部的联系人和语言行）。菜单分为两部分，搜索脚本位于图像下方 <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="descrip
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="Onlayn biletlerin alisi, hotel rezervasiya, aviakassir">
<meta name="keywords" content="onlayn aviabilet, aviabilet, turizm, seyahet, aviakassir">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aviakassir</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/hover-min.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/meanmenu.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/chosen.min.css">
<link rel="stylesheet" href="css/jquery-customselect.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/assets/revolution/layers.css">
<link rel="stylesheet" href="css/assets/revolution/navigation.css">
<link rel="stylesheet" href="css/assets/revolution/settings.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
阿维亚卡西尔
我错过了什么？以下是我的网页在移动Chrome中的外观：检查您的响应。css网页可以使用许多不同的设备查看：台式机、平板电脑和手机。无论使用何种设备，您的网页都应该外观良好，易于使用。网页不应遗漏信息以适应较小的设备，而应调整其内容以适应任何设备当您使用CSS和HTML调整、隐藏、缩小、放大或移动内容以使其在任何屏幕上看起来都很好时，称为响应式网页设计
@media only screen and (max-width: 767px)
.header-top-left {
display: none;
}
set display: block;
为什么最大宽度为767 px？请检查您的responsive.css网页可以使用许多不同的设备查看：台式机、平板电脑和手机。无论使用何种设备，您的网页都应该外观良好，易于使用。网页不应遗漏信息以适应较小的设备，而应调整其内容以适应任何设备。当您使用CSS和HTML调整、隐藏、缩小、放大或移动内容以使其在任何屏幕上看起来都很好时，称之为响应式网页设计。请对答案本身进行一些解释，这样其他人可以从中学习。请勿使用评论部分获取相关信息