如何在PC网页上预览手机网站样式?
在线编辑器里的写的一些html5+css3效果和手机浏览器上看到的不一致，反复调整测试很麻烦，有没有方法可以在PC网页上直接预览手机网站样式，非Google Chrome F12手机模拟器，要网页上的。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
在线编辑器里的写的一些html5+css3效果和手机浏览器上看到的不一致，反复调整测试很麻烦，有没有方法可以在PC网页上直接预览手机网站样式，非Google Chrome F12手机模拟器，要网页上的。
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（8）
如果题主是说，发给客户，让客户随便拿个浏览器，而且让浏览器全屏，不用知道任何浏览器本身的使用手段也能看手机效果的话，推荐按照这个思路：
把想要让客户预览的手机网页发布到公网，即使只是测试版。ngrok这样的工具可以直接把你本地的localhost给发布到公网。一般得到类似
http://cc007c0b.ngriok.io这样的地址。用responsinator这个站点，带上你的手机网站的地址（最后得到
http://www.responsinator.com/?url=cc007c0b.ngriok.io这样的），把这个地址发给客户看就好了。现在最方便的就是在Chrome上使用手机浏览模式，或者firefox上的响应式设计模式
F12已足够
Google Chrome手机模拟器看到的样式基本上一致。为什么不用？
不是我用，是客户用，客户需要无论任何浏览器都能看到和手机浏览器里看到的效果一致。客户不一定安装Google Chrome。
叫客户装chrome。。不装不给他玩。
max-width: 420px;
max-height: 740px;
margin: 0 auto;
内容区域居中显示
这个问题意思应该是要在网站后台能做到实时预览手机端的页面，又不是开发自己调试用的，用什么chrome