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开发是一个非常广泛的主题。