Question

我在“响应式设计模式”中使用了wordpress主题。在iPad上查看网站会呈现它应有的方式（包括桌面，无响应），但在iphone上查看会变得混乱。有人可以帮我弄清楚如何将iPad风格复制到iPhone和所有非桌面设备;并完全删除智能手机样式。我希望复制所有移动设备（只是较小版本）的iPad的确切布局。该主题的作者告诉我查看“responsive-all.css”文件并修复其中的内容，但由于我不熟悉css，因此我遇到了麻烦。这是css的链接。 responsive-all.css

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

Answer 1

第1步：如果您要删除移动设备的视图，只需注释以/或开头的CSS文件结尾，当然还有以下内容：

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

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

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

之后，我完全不知道你对这款手机/平板电脑的看法。

Answer 2

使用以下内容替换当前的视口元标记可能会使iPhone（以及大多数其他移动设备）看起来像iPad：

<meta name="viewport" content="width=768">

如何解决移动设备的“响应式设计模式”问题（Wordpress主题）？

2 个答案: