如何使我的网站可扩展？

Question

我正在用HTML和CSS创建一个网站。我希望它看起来相同（即具有相同的比例和大小），无论显示器的分辨率是多少，窗口的大小。我可以通过提供我的width:100%;元素<div>来实现这一点，但这使得当窗口拉伸时，notifyDataSetChanged的内容也会拉伸或碾压。我可以通过给出特定的像素值来做到这一点，但这会使得它在分辨率不同的屏幕上太大或太小 - 我通过改变计算机的分辨率和测试来测试这一点。如何在所有浏览器的所有显示器上显示相同内容？

Answer 1

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

如果说您正在编程并且您的屏幕看起来像这样

但是你需要弄清楚它在移动设备上的样子吗？

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

[

现在，您可以编辑网站以查看您希望的方式。在中间左侧，您可以点击它，看看您的应用在尺寸适合不同手机和平板电脑时的外观。并且假设您希望在特定大小的屏幕上显示像素并进行自定义。

但是接下来让我们说当你按下ctrl + shift + i然后你就可以得到这样的比例了

然后你的问题是缺少一行代码。为了解决这个问题，你只需要：

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