Css Twitter引导-样式在移动浏览器上不显示_Css_Twitter Bootstrap_Mobile

Css Twitter引导-样式在移动浏览器上不显示

css twitter-bootstrap mobile

Css Twitter引导-样式在移动浏览器上不显示,css,twitter-bootstrap,mobile,Css,Twitter Bootstrap,Mobile,我的网站位于我正在使用Twitter引导来进行我的风格设计。桌面上的一切都很好，但我的样式不会显示在移动浏览器上，当然，除了我硬编码的时候。出了什么问题我的标题显示在下面：我的css文件位于我的公共html根目录中的“css”文件夹中 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hypercycle™ - Personalize

我的网站位于

我正在使用Twitter引导来进行我的风格设计。桌面上的一切都很好，但我的样式不会显示在移动浏览器上，当然，除了我硬编码的时候。出了什么问题

我的标题显示在下面：

我的css文件位于我的公共html根目录中的“css”文件夹中

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Hypercycle™ - Personalize Your World.</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width; initial-scale=1.0;">

  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/blog.css" rel="stylesheet">

  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Raleway:400,800,900">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto:100,200,400,600">

  <link rel='stylesheet' href='typicons.font-master/src/font/typicons.min.css' />

</head>


超循环™ - 个性化你的世界。

删除

 @media (min-width: 1200px) {

来自blog.css的第32行。它告诉浏览器，只有当站点大于1200px时，才对其进行样式设置。

删除@media标签确实会完全破坏布局（但这可能是我的网站特有的问题），因此我做了以下工作：

@media (min-width: 0px) {
  .container {
    width: 100%;
  }