我需要为移动设备、iPhone 和各种安卓设备建立网站。问题是我很难获得正确的视口和其他设置。我的目标是使网页编码为特定宽度，例如 640 像素宽。然后一旦打开设备会将其放大/缩小到屏幕的宽度，因此一切都变得更大或更小，就像通过在设备屏幕上捏合放大/缩小后一样。
所以我想开发它，让我们说 640px 宽度，根据设备，一旦打开它就会放大或缩小。因此，如果设备屏幕的宽度为 960 像素，它会以某种方式通过视口自动缩放到该宽度。这是否有可能将其编码为css中的预定义宽度并根据设备本身的需要放大/缩小？
如果问题太笼统，我深表歉意，如果需要，将解释详细信息。
编辑：所以如果我理解正确的话，最常见的方法是为大多数常见的屏幕尺寸提供几个布局版本？在 css 中使用媒体查询为宽度、字体大小等提供不同的值，对吗？
但是，如果我决定使用百分比而不是媒体查询，考虑到提供的设计，我认为调整字体大小仍然会有问题，因为布局中有带有文本的图像，并且文本需要与图像成比例。百分比也会处理宽度，高度可能是一个问题，因为图像也必须垂直调整大小。设计的某些部分似乎需要相互“适应”，我认为这将成为问题。
现在，如果我只是建立一个特定宽度的网站，比如说 640 像素，我应该能够用像素将所有内容定位在屏幕上，这与普通的非移动网站没有什么不同。
所以我尝试将<meta name="viewport" content="width=640">css中最宽容器的页面设置宽度设置为640px，使页面宽度基本上为640px。如果我理解正确，它将视口设置为页面的确切宽度。因此，该页面将像任何其他非移动网页一样构建。用户必须通过捏合来调整比例，因为当页面打开时，由于某种原因通常会放大/缩小。我对这里发生的事情的理解是正确的还是存在一些问题。拥有它预定义的尺寸会照顾不同的移动屏幕尺寸，因为视口总是相同的，适合页面宽度并且只有缩放似乎是问题，除非我在这里遗漏了一些东西。
我还应该提到我只需要做纵向并使其成为唯一选项，所以没有横向视图（这将是另一个问题）。
很想知道你的想法，我很感激到目前为止的所有答案。