Question

我正在创建我的网站。网址为：http://bvanlieshout.com

这还远没有完成，但我想在开始查看其他页面之前先完成主页。

所以我尝试过用％创造一切。使用：

@media only screen and (max-width: 768px) {
  .frontImage{
    display:none;
  }
}

@media only screen and (max-width: 320px) {
  .frontImage{
    display:none;
  }
}

@media only screen and (min-width: 769px) {
    .navigation ul li {
        display: inline;
        width: 100px;
        padding-left: 10px;
    }
  .nowWhat{
    width:800px;
  }
}

有效，排序，当我检查我的手机并打开页面时，它不会隐藏图像。我猜是因为页面宽度仍然超过320/768像素。基本上我要问的是一些指示，提示。任何帮助将不胜感激！

由于

Answer 1

将此<meta name="viewport" content="width=device-width, user-scalable=no">放在<head></head>

内

手机和平板电脑网站

1 个答案: