在Chrome浏览器中，你可以使用开发者工具来模拟手机端的分辨率。以下是具体的操作步骤：
1. 打开Chrome浏览器，然后点击菜单栏的“更多工具”选项，在下拉菜单中选择“开发者工具”。
2. 在开发者工具中，点击左侧的“Console”选项卡，然后在右侧的控制台输入以下代码：
javascript
var devicePixelRatio = window.devicePixelRatio || 1;
var screenWidth = window.screen.width * devicePixelRatio;
var screenHeight = window.screen.height * devicePixelRatio;

这段代码会获取当前设备的屏幕宽度和高度，并将其乘以设备像素比（devicePixelRatio），以模拟手机端的分辨率。
3. 在控制台中运行这段代码，你将看到类似以下的输出：

devicePixelRatio: 1
screenWidth: 1920
screenHeight: 1080

4. 在HTML文件中，你可以使用meta标签来设置viewport元数据，以模拟手机端的分辨率。例如：



5. 保存HTML文件，然后在浏览器中打开它。你应该能看到与之前相同的页面布局，但尺寸已经根据手机端进行了缩放。
注意：这种方法只能模拟手机端的分辨率，而不能模拟不同的屏幕尺寸或方向。如果你需要更精确地模拟不同屏幕尺寸或方向，你可能需要使用其他方法，如CSS媒体查询、JavaScript库等。