要让网页在手机和电脑上同时支持，您可以使用响应式设计和CSS媒体查询。以下是实现这一目标的步骤：

1. 首先，确保您的网页遵循现代网页标准，例如HTML5、CSS3和JavaScript。这些标准支持响应式设计，可以根据设备的屏幕尺寸和方向自动调整布局和样式。

2. 使用CSS媒体查询。媒体查询允许您根据设备的视口宽度或高度应用不同的CSS样式。例如，以下CSS代码将为手机和电脑上的屏幕应用不同的样式：

```css / 对于小屏幕设备（如手机） / @media screen and (max-width: 600px) { / 这里添加手机端的样式，例如文本大小调整等 / }

/ 对于大屏幕设备（如电脑） / @media screen and (min-width: 601px) { / 这里添加电脑端的样式，例如背景图片大小调整等 / } ```

1. 使用媒体查询调整网页的字体大小和布局。对于手机，您可能需要将文本大小设置为小号（如14px或16px），并且移动布局使其更易于阅读。对于电脑，您可以将字体大小设置为标准大小（如16px或20px）并保持布局不变。

2. 对于响应式设计，您可能还需要在服务器端使用JavaScript来检测设备类型并应用相应的样式。这通常涉及到在HTML文件的头部添加一个meta标签，然后在JavaScript中设置相应的样式。

3. 最后，确保您的网页在所有设备上的兼容性，并在移动设备上进行充分的测试，以确保其在各种设备上的正常显示。

这将帮助您创建一个在手机和电脑上都能正常显示的网页。请注意，这只是一种实现响应式设计的方法，还有其他方法和技巧可以帮助您创建更适应各种设备的网页。