我在一个试图做出响应的网站上工作。
到目前为止，它适用于台式机和手机（iphone，galaxy s4..ect）
当它在平板电脑（ipad、nexus 7 ..）上看起来像在手机上时，我很难尝试制作该网站。
我的网站在这里 - http://mk18.web44.net/index2.php
您可以使用http://quirktools.com/screenfly/来了解我的意思。将设置更改为iphone之类的手机。这就是我希望它在 ipad 上的样子。
您可以查看 css - http://mk18.web44.net/css/styles.css
谢谢
就我所见，在我看来，你的努力有点过头了。
为了使它像 iphone 一样，您必须@media(max-width: 768px)使用与@media(max-width: 360px).
如果这就是你想要的，我的建议是@media(max-width: 360px)完全删除并留下@media(max-width: 768px)- 其中的 css 指令仅适用于宽度小于 768px 的设备（包括 iphone 和其他手机）。
另外，你应该做一些清理工作。Css 代码将从上到下解析，因此没有任何媒体查询（@media位）的 css 指令将始终应用于所有设备，直到有覆盖。可以根据需要创建尽可能多的@media 查询，但这并不意味着您应该这样做。
有了正确的 css 基础，您可以适应大多数设备而无需媒体查询，仅使用它们来重新组织内容和用户界面，使其保持可用。
希望能帮助到你。