html5 - mobile web页面点击跳转导致元素变形

Question

页面中有一个p,包含a元素
<meta content="width=640, target-densitydpi=320, maximum-scale=1.0, minimum-scale=0.1, user-scalable=no" name="viewport"/>
<style>
.c{ background: url(xxx.jpg); width: 100px; height: 100px; position: relative;}
.a{ width: 50px; height: 50px; position: absolute;}
</style>
<p class="c">
<a href="http://tmall.com" class="a"></a>
</p>

在魅族4和华为p6的webview中点击链接后会瞬间放大.c的背景图然后完成跳转。请问大侠们明白我的问题了吗？多指教呀！

Answer 1

可以直接在代码里面设置布局，这样不容易出现兼容问题