我在一个试图回应的网站上工作。
到目前为止，它适用于台式机和手机（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
谢谢
答案 0 :(得分：0)
对于我所看到的，在我看来你有点太难了。
为了使其与iphone一样，您必须使用与@media(max-width: 768px)相同的说明对@media(max-width: 360px)进行媒体查询。
如果这就是您想要的，我的建议是完全删除@media(max-width: 360px)并离开@media(max-width: 768px) - 其中的css说明仅适用于宽度小于768像素的设备（包括iphone）和其他手机）。
另外，你应该做一些清理工作。 Css代码将从上到下进行解析，因此没有任何媒体查询的css指令（@media位）将始终应用于所有设备，直到有覆盖。可以根据需要创建尽可能多的@media查询，但这并不意味着您应该这样做。
使用正确的css基础，您可以在没有媒体查询的情况下容纳大多数设备，仅使用它们来重新组织内容和用户界面，使其保持可用。
希望它有所帮助。