要在小屏和大屏上正常滚动一个全屏响应式页面，您需要使用不同的CSS样式和JavaScript代码。以下是一些可能的方法：

1. 适配小屏（屏幕宽度小于600px）：

2. 使用媒体查询：在CSS中，可以使用@media规则来根据屏幕宽度改变样式。例如，以下代码将改变在小屏设备上（屏幕宽度小于600px）的全屏响应式布局：

css @media screen and (max-width: 600px) { /* 在这里添加小屏样式 */ }

在上述代码中，媒体查询是针对@media规则的。当屏幕宽度小于600px时，样式将会生效。

1. 使用Flexbox或Grid布局：Flexbox和Grid是现代浏览器支持的布局方式，它们可以帮助您在小屏设备上实现响应式布局。例如，可以使用以下代码将全屏响应式布局应用到一个小屏幕设备：

css .container { display: flex; flex-direction: column; overflow-x: auto; }

在上述代码中，.container类的display属性被设置为flex，flex-direction属性被设置为column，这将使容器中的元素按照垂直顺序排列。同时，overflow-x属性被设置为auto，这将允许容器中的内容自动填充容器的剩余空间，从而实现小屏上的滚动。

1. 使用CSS Grid：CSS Grid是另一种现代布局方式，它提供了更高级别的灵活性和可扩展性。您可以使用以下代码将全屏响应式布局应用到一个小屏幕设备：

css .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); overflow-x: auto; }

在上述代码中，.container类的display属性被设置为grid，grid-template-columns属性被设置为repeat(auto-fit, minmax(300px, 1fr))，这将创建一个可伸缩的网格布局。同时，overflow-x属性被设置为auto，这将允许容器中的内容自动填充容器的剩余空间，从而实现小屏上的滚动。

在使用CSS Grid时，您还需要确保网格布局具有足够的行数和列数，以满足小屏幕设备的布局需求。