iphone - 如何修复移动设备(Wordpress 主题)的 "responsive-design mode"问题？

Question

我在“响应式设计模式”下​​使用 wordpress 主题。在 iPad 上查看网站呈现出应有的方式(包括桌面、无响应)，但在 iPhone 上查看会变得困惑。有人能帮我弄清楚如何将 iPad 样式复制到 iPhone 和所有非桌面设备吗？并完全删除智能手机样式。我希望为所有移动设备(只是较小的版本)复制与 iPad 完全相同的布局。主题的作者告诉我查看“responsive-all.css”文件并修复那里的东西，但我遇到了麻烦，因为我不精通 css。这是CSS的链接。 responsive-all.css

非常感谢任何帮助。谢谢迈克尔

Answer 1

第 1 步:如果要删除移动设备的 View ，只需在 CSS 文件末尾添加注释或删除，当然还有以下内容:

/*
* -------------------------------------------------------------------------------------------
* MOBILE BOTH VIEWS
* -------------------------------------------------------------------------------------------
*/    @media only screen and (max-width: 767px) {
...

第 2 步:然后更改条件以获得平板电脑/智能手机的相同设计:

/*
* -------------------------------------------------------------------------------------------
* TABLET PORTRAIT 
* -------------------------------------------------------------------------------------------
*/   @media only screen and (max-width: 979px) {

之后，我不知道你想要在这个手机/平板电脑 View 上看到什么。