Html 如何使我的网站适合所有屏幕分辨率
我对此进行了研究,但没有一个代码是有效的。我需要知道如何使网站适合任何屏幕分辨率。这被称为Html 如何使我的网站适合所有屏幕分辨率,html,css,Html,Css,我对此进行了研究,但没有一个代码是有效的。我需要知道如何使网站适合任何屏幕分辨率。这被称为响应式设计,这正是Twitter Bootstrap发明的目的 我通常不参考学校,但值得一做 引导的基础是他们的网格系统。了解这一点(教程大约1小时,实验大约1小时),您将解决大部分响应性设计问题 然后,您应该尝试css@media查询。Bootstrap使用它们,您也应该使用它们(用于在不同大小的显示器上微调结果) 要开始使用Bootstrap,您所需要的只是将适当的库包含到web页面的头部部分。由于引导
响应式设计
,这正是Twitter Bootstrap发明的目的
我通常不参考学校,但值得一做
引导的基础是他们的网格系统
。了解这一点(教程大约1小时,实验大约1小时),您将解决大部分响应性设计问题
然后,您应该尝试css@media查询。Bootstrap使用它们,您也应该使用它们(用于在不同大小的显示器上微调结果)
要开始使用Bootstrap,您所需要的只是将适当的库包含到web页面的头部部分。由于引导是基于jQuery构建的,因此还必须包括jQuery库。因此,网页的
部分应该如下所示:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Your Domain</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="your site description goes here" />
<meta name="keywords" content="search, keywords, go, here" />
<meta name="robots" content="index,follow" />
<link rel="icon" type="image/png" href="img/your_favicon.png?v=1" />
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
你的领域
向我们展示您尝试过的代码,看起来您只是希望有人为您编写代码,如果您没有在发布问题之前用谷歌搜索过代码的话?您花了多少时间进行研究?响应式web开发是一个非常广泛的主题。