Html 如何在移动设备中显示移动视图？

我对wordpress主题有问题，当我在手机中打开我的网站时，主题就是桌面视图，但当我在inspect元素中将视图更改为手机视图时，它的工作原理是正确的

---

我不确定是否理解您的问题，但请尝试在HTML文件的

-标记中添加以下行：

<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport">

---

我不确定是否理解您的问题，但请尝试在HTML文件的

-标记中添加以下行：

<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport">

* {
框大小：边框框；
}
样式>.responsiveImg1{
宽度：50%；
最大宽度：800px；
高度：自动；
}
clsdivmain先生{
背景色：#660066；/*绿色*/
}
.中心{
保证金：自动；
宽度：60%；
填充：10px；
文本对齐：居中；
}
.桌子{
边框：1px纯黑；
宽度：70%；
保证金：自动；
}
.表1{
填充：10px；
宽度：70%；
保证金：自动；
}
.表2{
宽度：70%；
保证金：自动；
背景大小：70%；
}
.表格标题{
宽度：70%；
身高：70%；
保证金：自动；
背景大小：70%；
}
.表格行宽{
宽度：50%；
}
.表格行宽3{
宽度：10%；
}
buttonPay先生{
背景色：#660066；/*绿色*/
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
利润：4倍2倍；
光标：指针；
-webkit转换持续时间：0.4s；/*Safari*/
过渡时间：0.4s；
宽度：40%；
}
.按钮取消{
背景色：#0071A5；/*绿色*/
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
-webkit转换持续时间：0.4s；/*Safari*/
过渡时间：0.4s；
宽度：40%；
}
.按钮1{
宽度：80%；
填充物：5px；
盒影：0 12px 16px 0 rgba（0,0,0,0.24），0 17px 50px 0
rgba（0,0,0,0.19）；
}
.按钮取消1{
宽度：80%；
填充物：5px；
盒影：0 12px 16px 0 rgba（0,0,0,0.24），0 17px 50px 0
rgba（0,0,0,0.19）；
}
.headingtext1{
颜色：#063871；
字体风格：粗体；
字体：22px arial，verdana；
填充物：5px；
浮动：左；
宽度：50%；
身高：50%；
}
.infoText{
颜色：#063871；
字体风格：普通；
字体：15px arial，verdana；
对齐：居中；
浮动：左；
宽度：100%；
背景大小：100%；
}
.免责声明{
颜色：#063871；
字体风格：普通；
字体：15px arial，verdana；
对齐：顶部；
浮动：左；
宽度：100%；
背景大小：100%；
}
.标签{
颜色：#063871；
字体风格：普通；
字体：15px arial，verdana；
字体大小：粗体；
对齐：居中；
填充：10px；
浮动：左；
宽度：100%；
保证金：自动；
背景大小：70%；
}
.generaltext{
颜色：#063871；
字体风格：普通；
字体：15px arial，verdana；
填充物：5px；
对齐：居中；
浮动：左；
宽度：100%；
背景大小：70%；
保证金：自动；
}
.变量{
颜色：#063871；
背景色：#c9c9c9；
字体大小：15px；
字体风格：普通；
字体：15px arial，verdana；
对齐：居中；
填充：20px；
浮动：左；
宽度：100%；
背景大小：70%；
保证金：自动；
}
梅因先生{
背景色：#f1f1；
填充：20px；
浮动：左；
宽度：60%；/*默认情况下，宽度为60%*/
}
.对{
背景色：#4CAF50；
填充：20px；
浮动：左；
宽度：20%；/*默认情况下宽度为20%*/
}
/*使用介质查询在800px处添加断点：*/
@媒体屏幕和屏幕（最大宽度：800px）{
.桌子{
填充：10px；
宽度：100%；
保证金：自动；
}
.表格行宽3{
宽度：1%；
}
.表格标题{
宽度：100%；
}
.按钮1{
宽度：100%；
盒影：0 12px 16px 0 rgba（0,0,0,0.24），0 17px 50px 0
rgba（0,0,0,0.19）；
}
.按钮取消1{
宽度：100%；
盒影：0 12px 16px 0 rgba（0,0,0,0.24），0 17px 50px 0
rgba（0,0,0,0.19）；
}
.表格行宽{
宽度：100%；
}
.headingtext1{
宽度：100%；
身高：50%；
}
.答复1{
宽度：100%；
}
.表2{
宽度：100%；
保证金：自动；
}
.表格标题{
宽度：100%；
身高：70%；
保证金：自动；
}
.表1{
填充：10px；
宽度：100%；
保证金：自动；
}
}
标题1
先生


信息一
信息二
第1子目

第一场
AAAAA
第一场
bbbbbbbbbb
第一场
CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
第一场
DDDDDDDD
依依依
第一场
FFFFFFFF
第一场
GGGGGGGG
---免责声明
字段
字段。
字段。

* {
框大小：边框框；
}
样式>.responsiveImg1{
宽度：50%；
最大宽度：800px；