H5背景图和样式适配的小小问题

刚接触H5开发 移动端的一些问题没搞太明白 我有一些页面 每个页面都有一个背景图 图片是占满整个屏幕的 我设了一个容器div宽高都是100%
然后background-size 100% 100%, 但是这样好像有问题 图片在iphone 6 7 8上可以正常显示 但是在其它心坟的iphone上有一种压缩的感觉 应该是没有进行等比例缩放
该如何解决这个问题呢 这段代码可以吗
var h=$(window).height();
$("pic").height(h);
$("pic").width(h*0.7);
$(window).resize时,var h=$(window).height();
$("pic").height(h);
$("pic").width(h*0.7);

阅读 4.1k
2 个回答

<head>里面加上这个试试呢:<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0 />

首先移动端你加上这句代码了吗?
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0 />

还有就是一般这种都不需要js吧,直接bg-size cover或者100% auto

手机打字,应该能看懂吧。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题