如何使我的网站可扩展？答案

【问题标题】：How do I make my website scalable?如何使我的网站可扩展？
【发布时间】：2016-10-20 20:35:54
【问题描述】：

我正在用 HTML 和 CSS 创建一个网站。我希望它看起来相同（即具有相同的比例和大小），无论显示器是什么分辨率或窗口是什么大小。我可以通过给我的<div> 元素width:100%; 来做到这一点，但这使得当窗口被拉伸时，<div> 的内容也会被拉伸或收缩。我可以通过提供特定的像素值来做到这一点，但这会使其在具有不同分辨率的屏幕上太大或太小 - 我已经通过更改我的计算机上的分辨率和测试来对此进行测试。我该怎么做才能使它在所有浏览器的所有显示器上看起来都一样？

【问题讨论】：

这个问题太宽泛了，制作第一个网页并发布，然后询问如何解决该页面可能出现的问题或不良行为
最简单的方法之一是使用引导程序。 getbootstrap.com
如果我没有误解你的问题，我想这就是你要找的：` `
如果你想让它具有响应性，你需要使用自己的媒体查询或使用引导程序重新设计你的网站。

标签： jquery html css web resolution

【解决方案1】：

分辨率，是图像的质量。我个人不知道如何改变质量。但是我知道如何使图像适合您使用的屏幕，这就是我认为的问题所在。

如果说你正在编程并且你的屏幕是这样的

但是你需要弄清楚这在移动设备上是什么样子的？

所以你按 ctrl + shift + i（仅适用于 chrome 和 chromium），你会得到一个如下所示的屏幕：

[

现在您可以编辑网站以使其看起来像您想要的样子。在左中，您可以单击它，查看您的应用在不同手机和平板电脑大小时的外观。并说您希望它在特定尺寸的屏幕上，您可以编辑像素并进行自定义。

但是让我们说，当你按下 ctrl + shift + i 时，你会得到这样的比例

那么你的问题是缺少一行代码。要解决这个问题，您需要的是：

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：