Question

iOS Safari存在问题。 Chrome浏览器中没有此类问题。

当对焦于页面末尾的元素时，会出现键盘并且可以看到身体背景的一部分。有人遇到过这个问题吗？

HTML代码：

＆＃13;

html, body{
  min-height: 100%;
  margin: 0;
  padding: 0;
}
body{
  background-color: #000;
  background-image: url('http://i.imgur.com/GrxcU65.png');
  background-repeat: repeat;
  background-position: 0 0;
  color: #fff;
}

＆＃13;

<html>
  <head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
  </head>
  <body>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <div>TODO write content</div>
    <select id="test">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
    </select>
  </body>
</html>

＆＃13;

Safari截图： http://imgur.com/6c2xSKV,a9BSYNX

iOS Safari专注于页面底部的元素问题

0 个答案: