html点击屏幕向右移动,HTML – 一旦打开,如何使移动页面适合屏幕？

我需要整合移动设备的网站,以便iPhone和各种机器人.问题是我很难获得正确的视口和其他设置.我的目标是将网页编码为特定宽度,例如640px宽.然后,一旦打开设备将其放大/缩小到屏幕的宽度,所以一切都变得更大或更小,就像通过在设备屏幕上捏合缩放进/出一样.

所以我想开发它,因为宽度为640px,并且根据设备,它会在打开时向上或向下扩展.因此,如果设备屏幕宽度为960px,它将通过视口以某种方式自动缩放到此宽度.是否可以将它编码为css中预定义的宽度并根据设备本身的需要放大/缩小？

如果问题过于笼统,我会道歉,如果需要,我会解释细节.

编辑：

因此,如果我理解正确,最常见的方法是为大多数公共屏幕尺寸提供一些布局版本？在css中使用媒体查询为宽度,字体大小等提供不同的值是吗？

如果我决定使用百分比而不是媒体查询,考虑到提供的设计,我认为仍然会出现调整字体大小的问题,因为布局中包含带有文本的图像,文本需要与图像成比例.百分比也会考虑宽度,高度可能是一个问题,因为图像也必须垂直调整大小.设计的某些部分似乎需要彼此“适合”,我认为它会成为问题.

现在如果我只是建立一个宽度的网站,让我们说640px我应该能够在屏幕上用像素定位所有内容,与普通的非移动网站不同.

所以我试着设置< meta name =“viewport”content =“width = 640”>并且在页面内部设置宽度最宽的容器在css到640px基本上使页面宽度640px.如果我理解正确,它会将视口设置为页面的精确宽度.因此,该页面将构建为任何其他非移动网页.用户必须通过捏合来调整比例,因为当页面打开时,它通常会因某种原因放大/缩小.我对这里发生的事情的理解是正确的还是存在一些问题.拥有预定义的大小可以处理不同的移动屏幕大小,因为视口始终相同,适合页面宽度,只有缩放似乎是问题,除非我在这里遗漏了一些东西.

我也应该提到我只需要做肖像并且只做选项,所以没有横向视图(这将是另一个问题).

很想知道你的想法,我很欣赏到目前为止的所有答案.