我正在尝试为 Wordpress 创建响应式自定义主题。我使用 WAMP 在本地托管它，并使用各种工具来确保它适合移动设备。问题是，我没有得到一致的结果，并且在主题上传到实际站点之前我无法在实际手机上进行测试(有点违背了在本地托管和编码的目的!)。
使用 Chrome“检查”功能的结果:
到目前为止一切顺利，即使视口(viewport)宽度小于 320 像素。对吧？
手动调整 Chrome 浏览器窗口大小的结果:
开个玩笑，设计在 363 像素处中断。
那么哪个会出现在移动设备上？任何建议表示赞赏。
最佳答案
您可能会发现 chrome 的手动调整大小比您在移动设备上看到的更准确，但最好的方法是在移动设备上进行测试。
只要您运行的是本地服务器(localhost 或 127.0.0.1)，您就可以很容易地测试站点，而无需将其部署到服务器。方法如下:
确保您的移动设备和运行本地服务器的计算机连接到同一 wifi 网络。
找出您的本地网络 IP 地址。这是一个方便的链接:http://lifehacker.com/5833108/how-to-find-your-local-and-external-ip-address
在移动设备的浏览器中输入本地网络 IP 地址，然后输入运行本地服务器的端口。
Example: If your local network IP address is
192.168.1.11, and you have been accessing the site atlocalhost:5000, you can access the site on your mobile device at192.168.1.11:5000.
关于html - 手动调整 chrome viewport 的大小与使用 "Inspect"在浏览器中调整大小有不同的结果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39502781/