在编程中，要移动画面而不改变其内容，通常有以下几种方法：
固定宽度布局
将页面的宽度设置为固定的像素值，这样无论浏览器窗口大小如何变化，页面的内容都不会发生移位。例如，将`body`的宽度设置为`1366px`，并设置高度为`auto`，这样可以确保页面内容在窗口大小变化时保持居中且不移位。
响应式布局
使用CSS的媒体查询（Media Queries）来为不同的屏幕尺寸设置不同的样式。这样可以根据屏幕大小自动调整页面布局，使内容在不同设备上都能良好显示。例如：
```css
body {
width: 100%；
height: auto；
overflow: auto；
margin: 0 auto；
}
@media （min-width: 768px） {
body {
width: 768px；
}
}
@media （min-width: 1024px） {
body {
width: 1024px；
}
}
```
通过这种方式，页面内容会根据屏幕宽度自动调整，而不会发生移位。
使用框架
使用前端框架（如Bootstrap、Foundation等）可以简化响应式布局的实现。这些框架提供了预定义的类和组件，可以快速搭建适应不同屏幕的页面布局。
建议
固定宽度布局适用于内容固定且不需要响应式设计的场景。
响应式布局适用于需要在不同设备上提供良好用户体验的场景。
使用框架可以节省开发时间，提高开发效率，同时确保布局的兼容性和一致性。
希望这些方法能帮助你实现页面内容在移动时保持不变的需求。