1
我试图找出一个方法时,该设备采用旋转到JQM调整文本区域。基本上,我有一个看起来不错加载时,无论是在肖像或风景文本区域,不过,当设备旋转时,它不会调整。这里是一个位的代码如下所示:jQuery Mobile的设备方向变化不调整文本区域
.message-entry{
margin-left:10px;
margin-right:0;
margin-bottom:-20px;
}
和HTML:
<footer data-role="footer" id="footer" data-theme="b" data-position="fixed">
<label class="label-message-entry" for="chatMessageEntry">Enter a message:</label>
<textarea rows="8" name="textarea" class="message-entry" id="chatMessageEntry"></textarea>
<a id="chatReplyButton" class="reply-button" data-role="button" data-icon="plus">Reply</a>
</footer> <!--end footer-->
,然后orientationChange事件:
$(window).bind('orientationchange', function(e){
var newWidth = $(window).width();
$('.message-entry').css({'width':newWidth + 'px'});
});
什么想法?谢谢!
那是什么语法?我只是做用JS,HTML浏览器这一权利,以及CSS – gabaum10 2012-02-02 17:18:05
而且,那iPad和东西呢?该器件尺寸永远不会是恒定的,所以你不能硬编码的最小/最大宽度... – gabaum10 2012-02-02 17:21:40
好吧,你有你的问题的一个真人版测试? – 2012-02-03 14:14:20