5

iPhone で Safari を使用して次の html ファイルを表示すると、想定どおりにコンテンツの幅全体が表示されません。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>iOS Viewport Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
body #wrap {
    width: 1008px;
    border: 1px solid #000;
}
h1 {
    font:30px sans-serif;   
}
</style>
</head>

<body>
<div id="wrap">
<h1>Here's some quite eloooongated text that should make the screen at least 1008px wide or more</h1>
</div><!-- end #wrap -->
</body>
</html>

誰かが私が間違っていることを見ることができますか? おまけに、私は iOS 6.1 と Safari 6.0 を持っています。

4

2 に答える 2