如何使我的网站具有可扩展性？

Question

我正在用HTML和CSS创建一个网站。 我希望它看起来相同（即具有相同的比例和大小），而不管显示器的分辨率或窗口的尺寸如何。 我可以通过给<div>元素设置width:100%; 但这使得在拉伸窗口时， <div>的内容也可以拉伸或收缩。 我可以通过指定特定的像素值来做到这一点，但这会使分辨率不同的屏幕上的像素值变得太大或太小-我已经通过更改计算机上的分辨率并进行了测试来进行测试。 如何使它在所有浏览器的所有显示器上看起来都一样？

Answer 1

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

如果说您正在编程，并且屏幕如下所示

但是然后您需要弄清楚手机上的外观如何？

因此，您按ctrl + shift + i（仅适用于铬和铬），您将获得如下所示的屏幕：

[

现在，您可以编辑网站以使其看起来像您想要的那样。 在左中角，您可以单击该按钮，以查看应用程序在不同手机和平板电脑上的尺寸。 并说您想要在特定尺寸的屏幕上进行编辑，可以自定义像素。

但是可以这样说，当您按ctrl + shift + i时，您会像这样按比例获得它

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

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