如何获得响应能力？

-2

所以这是我的测试网站：http://www.manukarki.com 如何获得响应能力？

这是响应桌面大小调整和在线手机仿真像mobiletest.me但对于真正的设备（我的Moto G的第1代），它不工作。目前媒体对此的查询是@media only screen and (max-width: 640px)。现在我也尝试了“最大设备宽度”，但它稍微改变了一些，但不像在屏幕大小调整和mobiletest.me测试中那样。我真的不想使用bootstrap，foundation等。我真的想从头开始学习。

来源

2016-10-31 Manu Karki

你可以发布SourceCode以及CSS – Learning

一些像ie8这样的旧浏览器不支持媒体查询，因此你应该使用respond.js。另外，您应该/可以有多个@media子句来定义不同屏幕宽度上的css行为，如桌面，平板电脑，手机。否则，你是在正确的轨道上。 – Aus

为什么不使用Bootstrap或其他响应式框架。它会让你轻松的事情。 – Learning

您需要将视口元标记添加到页面的<head>。

<meta name="viewport" content="width=device-width, initial-scale=1">

你可以阅读更多关于http://www.manukarki.com/mobile.css的mozilla developer network

来源

2016-10-31 10:05:10 Aaron

它像一个魅力工作。谢谢。 –

非常欢迎，这基本上强制内容扩展到设备视口的大小，同时尊重您的CSS属性。 – Aaron

你的链接的css文件重定向到一个404错误（也是如此/code.js）。你确定你正确地上传这些文件吗？

来源

2016-10-31 10:07:06 user7091295

CSS实际上是main.css，我还没有创建应该在那里的JavaScript文件。 –

Bootstrap，只有CSS你可以做很多。或者一路走下去，并使用他们的Javascript。

但是你似乎并不想使用它。那么，你的时间（当其他人完成辛苦工作时，没有看到需要重新发明轮子）。可能会提供信息，看他们是如何做到的。

来源

2016-10-31 10:46:59 Flummox

如何获得响应能力？

回答

相关问题