我如何实现响应能力？
How do I achieve responsiveness?
所以这是我的测试站点：http://www.manukarki.com
它对桌面大小调整和在线移动仿真有响应，例如 mobiletest.me 但对于真实设备（我的第一代 moto G）它不工作。目前对此的媒体查询是 @media only screen and (max-width: 640px)。现在我也尝试了 "max-device-width"，但它发生了一点变化，但与屏幕调整大小和 mobiletest.me 测试相去甚远。实在不想用bootstrap、foundation之类的，真想从头学起
您需要向页面的 <head> 添加视口元标记。
<meta name="viewport" content="width=device-width, initial-scale=1">
上阅读更多内容
您在 http://www.manukarki.com/mobile.css 上的链接 css 文件重定向到 404 错误（/code.js 也是如此）。您确定这些文件上传正确吗？
Bootstrap，只有 CSS 你可以做很多事情。或者一路走下去，也用他们的Javascript
但是你好像并不想用它。好吧，现在是你的时间（当别人已经完成了艰苦的工作时，不要认为需要重新发明轮子）。看看他们是怎么做到的可能会有所帮助。
所以这是我的测试站点：http://www.manukarki.com
它对桌面大小调整和在线移动仿真有响应，例如 mobiletest.me 但对于真实设备（我的第一代 moto G）它不工作。目前对此的媒体查询是 @media only screen and (max-width: 640px)。现在我也尝试了 "max-device-width"，但它发生了一点变化，但与屏幕调整大小和 mobiletest.me 测试相去甚远。实在不想用bootstrap、foundation之类的，真想从头学起
您需要向页面的 <head> 添加视口元标记。
<meta name="viewport" content="width=device-width, initial-scale=1">
您在 http://www.manukarki.com/mobile.css 上的链接 css 文件重定向到 404 错误（/code.js 也是如此）。您确定这些文件上传正确吗？
Bootstrap，只有 CSS 你可以做很多事情。或者一路走下去，也用他们的Javascript
但是你好像并不想用它。好吧，现在是你的时间（当别人已经完成了艰苦的工作时，不要认为需要重新发明轮子）。看看他们是怎么做到的可能会有所帮助。