关于wxss样式不起作用的问题
- 当前 Bug 的表现（可附上截图） 这是在iOS上的表现 [图片] 主要问题： 1、`ransform:rotate` 不起作用； 2、设置了高度100%后，在开发者工具正常，但是在客户端下边没有100%，差了大约1px的高度 - 预期表现 这是在微信开发者工具上的表现 [图片] -代码片段 ##WXML <camera device-position="back" flash="off" binderror="error"> <cover-view class="cover-container"> <cover-view class="cover-frame-top"> <cover-view class="cover-cancel" bindtap="cancelAction">取消</cover-view> </cover-view> <cover-view class="cover-frame-left"></cover-view> <cover-view class="cover-frame-right"> </cover-view> <cover-view class="cover-frame-bottom"> <cover-view class="cover-catch" bindtap="catchAction">拍照</cover-view> </cover-view> <cover-view class="cover-catcher"></cover-view> <cover-view class="cover-help">请将证件对准方框，调整光线避免反光</cover-view> </cover-view> </camera> ##WXSS .cover-cancel { position: absolute; bottom: 10%; left: 50%; margin-left: -25px; width: 50px; height: 50px; line-height: 50px; border-radius: 25px; border: 2px solid #ffffff; color: #ffffff; text-align: center; transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */ -o-transform:rotate(90deg); /* Opera */ } .cover-catch { position: absolute; top: 10%; left: 50%; margin-left: -25px; width: 50px; height: 50px; line-height: 50px; border-radius: 25px; border: 2px solid #ffffff; color: #ffffff; text-align: center; transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */ -o-transform:rotate(90deg); /* Opera */ } .cover-help { display: block; position: absolute; top: 49%; right:-42%; width: 100%; color: #ffffff; text-align: center; font-size: 17px; transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */ -o-transform:rotate(90deg); /* Opera */ }
