在手机上的Div视图

时间:2017-01-17 13:56:29

标签: html css mobile device

我试图获得我网站的自适应视图。你可以看到所有的例子 http://fearquest.ru

2个问题:

  1. CSS,显示:无法在手机上运行。我试过iPhone和Android。
  2. 如果你在PC上打开fearquest.ru,那没关系。但在手机上你可能会看到2个默认亲戚div正在越过
  3. 我该如何解决?

    h2#H2_FirstQuest {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;   
    font-weight: 300;
    align: center;
    align-self: center;
    }
    
    #div1   {
    
    background-image:url(/images/Page-Index/Photo.jpg);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    
    }
    
    #footer {
    height: 100px;  
    background-color:#1F1F1F;
    vertical-align: middle;
    
    }
    
    #FirstBlock {
    width: 100%;
    background-color: #1F1F1F;
    
    }
    
    #SecondBlock {
    width: 100%;
    background-color: #000000;
    display: none;
    }
    
    @media only screen and (min-width: 480px) {
    #SecondBlock {
    visibility: hidden;
    }
    }
    

0 个答案:

没有答案