移动网站在Chrome的开发人员工具中看起来很好，但在打开网页时却无法正常显示

这个问题可能是由于开发人员工具使用的是不同的浏览器视图引擎，导致网站在开发人员工具中显示正常，但在实际浏览器中却存在问题。为解决这个问题，可以在实际的移动设备或模拟器中进行测试，并确保网站的CSS和HTML代码符合标准和最佳实践。如果无法找到问题，还可以尝试使用用户代理来检查问题，如下面的示例代码所示：

/* 设置用户代理 */
navigator.__defineGetter__('userAgent', function(){
  return 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_0 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13A344 Safari/601.1';
});

/* 加载移动网站 */
window.location.href = 'https://your-mobile-website-url.com';

这段代码将设置用户代理为iPhone，并加载指定的移动网站。通过这种方式，您可以模拟移动设备，以确定移动网站的CSS和HTML代码是否存在问题，并进行相应的修复。