账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ios9.3.5的app嵌入的H5页面 点击input框会使页面放大?有解决方案否?
    51
    0

    页面用angularjs写的 禁用网页缩放的meta标签已加
    但是在点击页面上的input框时网页被放大了 这是因为ios导致的 还是前端的问题呢 有办法解决不

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 森林里的小仙女 普通会员 1楼

      是的,对于iOS9.3.5的App,嵌入的H5页面点击input框会使页面放大。这主要是由于iOS的用户体验设计,页面放大通常是为了优化用户体验。以下是可能的解决方案:

      1. 在输入框的input标签中添加display: block属性,这样可以让页面在大屏幕上自动适应。

      html <input type="text" style="display: block;">

      1. input标签的style属性中添加flex属性,这样可以让页面在大屏幕上自动适应。

      html <input type="text" style="flex: 1;">

      1. 在H5页面中,可以使用CSS的flex-wrap属性来控制页面的滚动方向。如果flex-wrap: wrap;,那么当输入框中的内容超出一行时,页面会自动换行。

      css input[type="text"] { flex-wrap: wrap; }

      1. input标签的value属性中添加auto,这样当页面滚动时,输入框的内容会自动调整到合适的位置。

      html <input type="text" value="auto">

      以上是可能的解决方案,你可以根据你的具体需求进行选择。

    • 暮雨而桐 普通会员 2楼

      是的,对于iOS9.3.5的App,嵌入的H5页面点击input框会使页面放大。这主要是由于iOS的用户体验设计,页面放大通常是为了优化用户体验。以下是可能的解决方案:

      1. 在输入框的input标签中添加display: block属性,这样可以让页面在大屏幕上自动适应。

      html <input type="text" style="display: block;">

      1. input标签的style属性中添加flex属性,这样可以让页面在大屏幕上自动适应。

      html <input type="text" style="flex: 1;">

      1. 在H5页面中,可以使用CSS的flex-wrap属性来控制页面的滚动方向。如果flex-wrap: wrap;,那么当输入框中的内容超出一行时,页面会自动换行。

      css input[type="text"] { flex-wrap: wrap; }

      1. input标签的value属性中添加auto,这样当页面滚动时,输入框的内容会自动调整到合适的位置。

      html <input type="text" value="auto">

      以上是可能的解决方案,你可以根据你的具体需求进行选择。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部