怎么在屏幕里显示整页
0
悬赏园豆：10
[已解决问题]
解决于 2014-05-19 13:47
这个要怎么才能把所有的内容显示在屏幕里
我用的是jquery mobile
这是我的代码
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>微网站</title> <meta name="viewport" content="height = device-height,width=device-width,initial-scale = 1.0,user-scalable=yes" /> <!--<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"></meta>--> <link href="css/jquery.mobile-1.4.2.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.mobile-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> </script> <style type="text/css"> .content ul{ padding:0px; margin:0px} .content ul li{ list-style-type:none} </style> </head> <body> <div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div> <div class="content" data-role="content"> <ul data-row="listview"> <li><img src="images/img1.png" /></li> <li><img src="images/img1.png" /></li> <li><img src="images/img1.png" /></li> </ul> </div> <div data-role="footer"> <h4>Page Footer</h4> <a data-role="button" id="btnTest">点击我</a> </div> </div> </body> </html>
最佳答案
0
山不来找我，我去找山。
你的屏幕尺寸是固定的，只好让你的图像变小来适应屏幕了。
收获园豆：5
移动设备有大有小怎样才能适应不同的宽度
其他回答(2)
0
获取html的size大小啊
收获园豆：5
然后在设置图片的大小？
这也不是太麻烦了吗
@生活还是要继续: 这是我能想到的最好的办法了
有时间我会看到一些网站，一进去就是显示的整页，但就是缩小的，手指滑动可以放大的实际大小
@生活还是要继续:
问题决解了 只要给图片加上style="width:100%"就中以
<li><img style="width:100%" src="images/img1.png" /></li>
<li><img style="width:100%" src="images/img1.png" /></li>
<li><img style="width:100%" src="images/img1.png" /></li>
0
问题决解了 只要给图片加上style="width:100%"就中以
<li><img style="width:100%" src="images/img1.png" /></li>
<li><img style="width:100%" src="images/img1.png" /></li>
<li><img style="width:100%" src="images/img1.png" /></li>
