水平和垂直中心不能与iOS Safari一起使用?

时间:2016-01-12 23:22:31

标签: css center

这是我为家人朋友制作的第一个网站。我在这个网站上有一系列图像(斑点标签 - 即棒球,足球,垒球等),带有h1文本,我希望垂直和水平居中。它适用于我的手机和浏览器。但我哥哥告诉我,最终没有以他的iphone 6为中心进行野生动物园。

http://www.pennfamous.com/tp/

我使用以下css来居中h1:

.h1format h1 {
    color: #FFFFFF; 
    position: absolute;
    top: 40%;
    left:50%;
    transform: translate(-50%,-50%);
    font-size: 2em;
}

然而,我哥哥在他的iOS上告诉我它最终看起来像这样:

http://prntscr.com/9pdqk0

这有一个简单的解决方法吗?记住我是新手。谢谢

1 个答案:

答案 0 :(得分:2)

对于Safari,您需要-webkit-prefix。你也可以添加-ms-prefix来获得IE9的支持(即使它已经死了)。

#include <stdio.h>

int main()
{
    int *p;
    int caps, low, num, i;
   caps = low = num = 0;

    FILE *fin, *fout;

    fin = fopen("input.txt","r");
    fout = fopen("output.txt","w");

    if (fin == NULL)
    {
       printf("FILE ERROR\n");
       return 1;
    }
    else
        printf("BABE THIS WORKS\n");

    i=0;

    while(fscanf(fin, "%s", p) != EOF)
      {
              if(p[i] >= 'a' && p[i] <= 'z')                
                         low++;         
              if(p[i] >= 'A' && p[i] <= 'Z')                
                         caps++;  
              if(p[i] >= '0' && p[i] <= '9')                
                         num++;                               
      }

    fprintf(fout,"Lower: %d, Caps: %d, Numbers: %d", low, caps, num);

    fclose(fin);
    fclose(fout);

 system("pause");   
 return 0;   
}