我需要整合移动设备的网站，以便iPhone和各种机器人。问题是我很难获得正确的视口和其他设置。我的目标是将网页编码为特定宽度，例如640px宽。然后，一旦打开设备将其放大/缩小到屏幕的宽度，所以一切都变得更大或更小，就像通过在设备屏幕上捏合缩放进/出一样。
所以我想开发它，因为宽度为640px，取决于设备，它会在打开时向上或向下扩展。因此，如果设备屏幕宽度为960px，它将通过视口以某种方式自动缩放到此宽度。是否可以将它编码为css中预定义的宽度并根据设备本身的需要放大/缩小？
如果问题过于笼统，我会道歉，如有需要会详细说明。
编辑： 因此，如果我理解正确，最常见的方法是为大多数公共屏幕尺寸提供一些布局版本？在css中使用媒体查询为宽度提供不同的值，字体大小等是正确的吗？
如果我决定使用百分比而不是媒体查询，考虑到提供的设计，我认为仍然会出现调整字体大小的问题，因为布局中包含带有文本的图像，文本需要与图像成比例。百分比也会考虑宽度，高度可能是一个问题，因为图像也必须垂直调整大小。设计的某些部分似乎需要彼此“适合”，我认为它会成为问题。
现在，如果我只是建立一定宽度的网站，那么就说640px我应该能够在屏幕上用像素定位所有内容，与普通的非移动网站没有区别。
所以我尝试将<meta name="viewport" content="width=640">和css中最宽容器的页面集宽度设置为640px，基本上使页面宽度为640px。如果我理解正确，它会将视口设置为页面的精确宽度。因此，该页面将构建为任何其他非移动网页。用户必须通过捏合来调整比例，因为当页面打开时，它通常会因某种原因放大/缩小。我对这里发生的事情的理解是正确的还是存在一些问题。拥有预定义的大小可以处理不同的移动屏幕大小，因为视口始终相同，适合页面宽度，只有缩放似乎是问题，除非我在这里遗漏了一些东西。
我也应该提到我只需要做肖像并且只做选项，所以没有横向视图（这将是另一个问题）。
很想知道你的想法，我很欣赏到目前为止的所有答案。
答案 0 :(得分：4)
当网站根据屏幕尺寸进行调整时，这称为响应式网页设计......
您可以通过CSS3媒体查询轻松制作此类响应式网站：
How to write CSS Media Queries for common types of devices
Responsive Web Design: What It is and How to Use It
如果您使用Google进行响应式网页设计，您会发现有关此主题的更多信息。这真是一种令人惊叹的方法，可让您的网站在从小屏幕到大屏幕的所有设备上都很棒。
答案 1 :(得分：1)
我们有一系列关于使用响应式网页设计创建网页的教程。如果您想快速了解结帐Introduction: Creating a Responsive Web Design，它会列出常见的手机和平板电脑尺寸，因此它可能会引导您找到所需的答案。您可以在文章中找到我们的教程系列的链接。提供的解决方案使用Bootstrap，以便提供易于创建的页面。它还提供响应式网页设计页面的免费样本。
我希望这有助于提供您需要的答案，如果没有，请告知我们是否可以提供任何进一步的帮助。
此致
Arnel C. InMotion托管社区支持团队
答案 2 :(得分：-2)
指定宽度，以百分比表示宽度= 100％，这会自动调整屏幕的宽度。