如果网页和手机屏幕不同型号，可以通过以下方式适配：

1. 自适应布局：使用CSS的弹性盒子布局（Flexbox）或网格布局（Grid）来自动调整页面元素的大小和位置，使其适应不同大小的屏幕。

2. 响应式设计：使用CSS媒体查询（Media Queries）来根据屏幕宽度应用不同的样式。通过设置不同的样式规则，可以在不同的屏幕尺寸上呈现不同的布局和样式效果。

3. 移动端适配：使用移动端框架或库，如Bootstrap、Foundation等，它们提供了多种移动端适配方案，包括自适应布局、媒体查询等。

4. viewport设置：通过设置meta标签中的viewport属性，可以控制网页在移动端设备上的显示效果。例如，可以设置viewport的width属性为设备宽度，并设置initial-scale为1以确保网页在不同设备上以正确的比例显示。

需要根据具体情况选择适合的方法进行屏幕适配，以保证网页能在不同型号的手机屏幕上正常显示。