小编Jac*_*ler的帖子

我正在网站上工作,但我想要一个适合移动设备的版本.我是新手.

有人建议我应该使用下面的代码,我在这里找不到很多相关的问题:

<meta name="viewport" content="width=320, initial-scale=1">

问题是我不知道如何实现它,我知道不能简单地转换整个页面.

我要求的是关于如何实现目标的一些指示.

我有一个移动网站,目前显示时间表.然而,非移动网站还有一个带有谷歌地图的iFrame,用于显示被跟踪的多辆车辆.

对于移动网站,我只希望时间表以纵向显示,而只有iframe以横向显示.

我已经看到了这可以在iphone定位更改时触发移动Safari中的CSS事件吗？,但我很难看到如何将其应用于我的查询.

这是iFrame的CSS:

.map {
-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #fff;
  color: #000;
  width: 600px;
  height: 500px;
  margin-left: 20px;
  margin-right: auto;
  overflow: hidden;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inner 0 0 5px #888;
  float: left;
}