所以这是我的测试网站：http://www.manukarki.com
它对桌面大小调整和在线移动模拟（如mobiletest.me）的响应，但对于真实设备（我的moto G 1st gen），它不起作用。目前媒体查询是@media only screen and (max-width: 640px)。现在我也尝试了“max-device-width”，但它变化了一点，但是在屏幕调整大小和mobiletest.me测试中没有。我真的不想使用bootstrap，Foundation等。我真的想从头开始学习。
答案 0 :(得分：1)
您需要将视口元标记添加到网页的<head>。
<meta name="viewport" content="width=device-width, initial-scale=1">
答案 1 :(得分：0)
http://www.manukarki.com/mobile.css上的链接css文件重定向到404错误（/ code.js也是如此）。您确定正确上传了这些文件吗？
答案 2 :(得分：0)
Bootstrap，只有CSS可以做很多事情。或者一路走下去，并使用他们的Javascript。
但你似乎不想使用它。好吧，你的时间（当别人做了艰苦的工作时，没有看到重新发明轮子的必要性）。可以提供信息，看看他们是如何做到的。