2011-06-19 8 views
4

私はこの問題を解決するためにこのpostに同じ問題があります。しかし、提供されたソリューションは私のためには機能しません。 -webkit-text-size-adjust: none<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />の両方を試してみました。-webkit-text-size-adjust:noneは動作していないようです。

それはテキストのみで、単純なHTMLページです

<!DOCTYPE html> 

<html> 
<head> 
<link href="style.css" rel="stylesheet">  
<title>Pastrami fugiat pork tail ut</title> 
</head> 

<body bgcolor="#000000" link="#FFFFFF" vlink="#FFFF00"> 

    <h1>Pastrami fugiat pork tail ut</h1> 
    <p>Pancetta bresaola ham, brisket short ribs tri-tip sed cillum turkey pork loin corned beef venison tail.</p> 

</body> 
</html> 

CSS

html 
{ 
    -webkit-text-size-adjust: none; 
} 

@font-face{ 
    font-family:"Fertigo"; 
    src: url(Fertigo.otf) format("opentype"); 
} 

body { 
    padding:0; 
    margin:1cm; 
    font-family:"Fertigo", "Georgia"; 
    font-size:56px; 
    line-height:1.5em; 
    color:#FFFFFF; 
    text-align:left; 
    text-decoration:none; 
    padding: 0px; 
} 

h1 { 
    font-family:"Fertigo", "Helvetica"; 
    color:#FFFFFF; 
    text-decoration:none; 
    font-size:1.25em; 
    font-weight:normal; 
    margin:0px; 
    padding:5px 0px 5px 5px; 
    line-height: 1.5em; 
} 

h4 { 
    font-family:"Courier New", "Georgia"; 
    font-size:1em; 
    color:#FFFFFF; 
    margin:0px; 
    padding:0px; 
    font-weight:normal; 
    line-height: 1.5em; 
} 
+1

なぜあなたのHTMLにスタイルシート**と** 'bgcolor ="#000000 "link ="#FFFFFF "vlink ="#FFFF00 "'がありますか? – BoltClock

+1

@boltclock HTMLコーディングが貧弱ですか? ;) – RHPT

+0

@robx @faraz提案はありません。私はフォントサイズの属性とは何か関係があると思っています。 – RHPT

答えて

3

はこれを試してみてください:

body { 
    padding:0; 
    margin:1cm; 
    font-family:"Fertigo", "Georgia"; 
    font-size:56px !important; 
    line-height:1.5em; 
    color:#FFFFFF; 
    text-align:left; 
    text-decoration:none; 
    padding: 0px; 
    -webkit-text-size-adjust: none !important; 
} 

h1 { 
    font-family:"Fertigo", "Helvetica"; 
    color:#FFFFFF; 
    text-decoration:none; 
    font-size:1.25em !important; 
    font-weight:normal; 
    margin:0px; 
    padding:5px 0px 5px 5px; 
    line-height: 1.5em; 
} 

h4 { 
    font-family:"Courier New", "Georgia"; 
    font-size:1em !important; 
    color:#FFFFFF; 
    margin:0px; 
    padding:0px; 
    font-weight:normal; 
    line-height: 1.5em; 
} 

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { 
html { 
    -webkit-text-size-adjust: none !important; 
     } 
} 
3

が体内にしてまで、あなたのWebKitのを入れてみてください本文中のすべての要素を最初に標準フォントでテストします。

body * { 
    margin:1cm; 
    font-family:"Georgia"; 
    font-size:56px; 
    line-height:1.5em; 
    color:#FFFFFF; 
    text-align:left; 
    text-decoration:none; 
    padding: 0px; 
    -webkit-text-size-adjust: none; 
} 
+0

オリジナルの作者(@RHPT)は、これが動作しているかどうかにかかわらずコメントできませんか? – basZero

関連する問題