跨屏网站开发需要实现响应式设计，即根据不同设备的屏幕大小和分辨率对页面进行自适应调整，保证在各种设备上都能以最佳的用户体验呈现。在手机端的适配方面，可以采用以下操作：

1. 使用响应式布局：采用弹性布局和百分比或em/rem为单位的尺寸来设置页面元素的大小和位置，以适应不同设备的屏幕大小和比例。

2. 使用媒体查询：通过CSS的媒体查询功能来针对不同设备的屏幕大小和方向设置不同的样式，以实现适配效果。

3. 避免使用固定像素值：在设计布局和设置样式时尽量避免使用固定像素值，而是使用相对单位和百分比来设置尺寸和间距，以适应不同屏幕尺寸和分辨率。

4. 压缩图片和资源：为了提高页面加载速度和减少流量消耗，可以采用图片压缩、CSS和JS文件的合并和压缩等技术来减小页面的大小和加载时间。

5. 进行测试调整：在开发过程中需要进行多个设备的测试，调整页面的样式和布局，以保证在不同的设备和浏览器上都能正确显示和操作。