如何解决移动设备的“响应式设计模式”问题（Wordpress主题）？-Java 学习之路

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

任何帮助深表感谢 . 谢谢迈克尔

2 回答

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

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

Step 2 ：然后改变，为平板电脑/智能手机获得相同设计的条件：

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

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

回复于 2024-05-06T09:12:30+08:00

0
用以下内容替换当前的视口元标记可能会使iPhone（以及大多数其他移动设备）看起来像iPad：
```
<meta name="viewport" content="width=768">
```
回复于 2024-05-06T09:12:30+08:00

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

2 回答

相关问题