search

Home  >  Q&A  >  body text

css3 - 如何在PC网页上预览手机网站样式?

在线编辑器里的写的一些html5+css3效果和手机浏览器上看到的不一致,反复调整测试很麻烦,有没有方法可以在PC网页上直接预览手机网站样式,非Google Chrome F12手机模拟器,要网页上的。

伊谢尔伦伊谢尔伦2782 days ago560

reply all(6)I'll reply

  • 高洛峰

    高洛峰2017-04-17 11:34:31

    If the question is to send it to the customer, let the customer pick up a browser and make the browser full screen, so that they can see the effect on the mobile phone without knowing how to use the browser itself, it is recommended to follow this idea:

    1. Publish the mobile webpage that you want customers to preview to the public network, even if it is just a beta version. Tools like ngrok can directly publish your localhost to the public network. Usually you get an address like http://cc007c0b.ngriok.io.

    2. Use the responsinator site, bring the address of your mobile website (you end up with something like this http://www.responsinator.com/?url=cc007c0b.ngriok.io), and just send this address to the customer.

    reply
    0
  • 阿神

    阿神2017-04-17 11:34:31

    The most convenient thing now is to use the mobile browsing mode on Chrome, or the responsive design mode on Firefox

    reply
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:34:31

    F12 is enough

    reply
    0
  • 阿神

    阿神2017-04-17 11:34:31

    The styles seen by the Google Chrome mobile simulator are basically the same. Why not?

    reply
    0
  • 迷茫

    迷茫2017-04-17 11:34:31

    It is not used by me, but by customers. Customers need to be able to see the same effect as seen in the mobile browser no matter what browser they use. Customers do not necessarily have Google Chrome installed.

    reply
    0
  • 阿神

    阿神2017-04-17 11:34:31

    Ask customers to install chrome. . If you don’t pretend, don’t let him play.

    reply
    0
  • Cancelreply