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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    html5适配
    25
    0

    今天给app端开发几个页面,遇到了适配的问题。刚开始使用 rem,根据设计稿设置了根字体的大小。发现必不能适配,在其他模拟器和手机都没有问题,只有在苹果手机中的APP适配不了。然后怀疑IOS webview 不支持rem定位,就使用了@media,结果IOS app依然不能适配,其他的均正常,请问各位这是什么原因。是不是苹果的 webview 不支持设备。虽然用了另外的方法解决了适配的问题但是还是想知道为什么不能是用 rem 和@meida 做响应式布局。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 畨苆炒疍.。 普通会员 1楼

      HTML5适配是指对HTML5页面进行优化以适应各种不同的设备和屏幕尺寸。这包括了以下几种方法:

      1. 使用媒体查询:媒体查询是HTML5的一个重要特性,可以让我们根据设备的屏幕尺寸和方向来调整页面的样式。例如,我们可以使用媒体查询来为不同的设备和屏幕尺寸创建不同的CSS样式。

      2. 使用viewport:viewport是一种用于缩放网页在不同设备上的技术。通过设置viewport,我们可以让网页在小屏幕上看起来更好,而在大屏幕上看起来更合适。

      3. 使用canvas:canvas是HTML5的一个新元素,可以用来创建复杂的图形和动画。使用canvas,我们可以创建出完全自适应的网页,无论用户使用什么设备。

      4. 使用响应式图片:响应式图片是一种新的图片格式,它可以自动调整图片的大小和质量,以适应不同的设备和屏幕尺寸。

      5. 使用响应式CSS:响应式CSS是一种新的CSS技术,它可以自动调整页面的样式,以适应不同的设备和屏幕尺寸。

      6. 使用触摸事件:在HTML5中,我们可以使用触摸事件来监听用户的触摸行为。通过响应用户的触摸行为,我们可以创建出更符合用户需求的网页。

      以上就是HTML5适配的一些方法,希望对你有所帮助。

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