不同屏幕上的网站尺寸

-2

所以，我会尽量保持这个简短。我试图设计我的网站（它是100％原始的），当我把它给其他朋友查看时，图像和文本不是内联的，我不太清楚我应该如何应对这一点，我已经发布了我的代码所以如果有人能够伸出援手，我会很感激。谢谢。不同屏幕上的网站尺寸

--->代码 - http://pastebin.com/8J2tqd8J

来源

2016-05-14 Devexted

请添加您拥有的HTML。 –

什么你正在谈论被称为自适应网站设计。

有许多解决方案，使用CSS @media查询，使用响应大小单位，比如vw或rem。

但是，为了让我们的生活更简单，有一个框架为我们完成所有繁重的工作 - Twitter的Bootstrap。只需在头标签中包含所需的库，并开始使用它们的类名。

Here is a great introduction它是如何工作的。

<head> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

    <!-- jQuery library --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 

    <!-- Latest compiled JavaScript --> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head>

当然，你会：是 -

，你将包括在<head>（您的通话，或者你可以坚持在底部的JS链接，就在</body>标签）的要领还有<head>中的其他内容，比如DocType，Title，你自己的样式表，你自己的js文件（如果需要）等等。以上只是演示了如何从联机CDN引用所有必需的库，而无需下载/安装任何东西到你的网络服务器

来源

2016-05-14 15:19:00 gibberish

我已经添加了这些头标记，但是我想知道是否需要CSS链接？正如我已经设计了我的整个网站和引导程序一种丢弃/合并与我的。我试图从bootstrap中删除CSS标签，但它使网站有点关闭测量。 http://baseframe.co/a/ - 如果你看这里，在手机上（或者如果你让你的窗口更小），div文本会有点疯狂。 – Devexted

如果引导样式表在*样式表之前被引用，则任何相同名称的样式都将被样式表覆盖。这是一种常见的情况，我们中的许多人根据需要在这里和那里过分引导引导样式。是的，Bootstrap样式表是绝对必需的。 – gibberish

不同屏幕上的网站尺寸

回答

相关问题