gpt4 book ai didi

css - Twitter Bootstrap - 样式不会显示在移动浏览器上

转载 作者:太空宇宙 更新时间:2023-11-04 02:56:57 25 4
gpt4 key购买 nike

我的网站位于 http://www.elgami.com/

我正在使用 Twitter Bootstrap 进行样式设置。在桌面上一切正常,但我的样式不会显示在移动浏览器上,当然,除非我硬编码它。可能出了什么问题?

我的标题显示在下面:

我的 css 文件位于我的 public_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 行。它告诉浏览器仅在网站大于 1200 像素时才设置样式。

关于css - Twitter Bootstrap - 样式不会显示在移动浏览器上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32000004/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com