专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > 跨浏览器开发

百度的手机web应用的宽度和高度自适应如何弄

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
百度的手机web应用的宽度和高度自适应怎么弄~
手机web应用的宽度和高度应该是多少?不能留白,是要布满屏幕的意思吗?这是我做的应用http://zhanzhanggongju.duapp.com/ 提交时,反馈的邮件说宽度和高度不对,且没有宽度和高度自适应;我看了百度的调整高度api(http://developer.baidu.com/wiki/index.php?title=%E5%B8%AE%E5%8A%A9%E6%96%87%E6%A1%A3%E9%A6%96%E9%A1%B5/%E7%A7%BB%E5%8A%A8web%E5%BA%94%E7%94%A8%E6%8E%A5%E5%85%A5/%E5%AF%B9%E6%8E%A5%E9%A1%BB%E7%9F%A5),但是水平不够还是不清楚应该怎么操作,有没有简单易懂的方法?
手机 百度 Web App Web

------解决方案--------------------
我也水平不够,帮不了你。求高手现身解答~~
------解决方案--------------------
这个做的应该还不够,我在手机上试了下,下半部分还有很大的空白,应该在加上JS来获取宽高,在%来设定
------解决方案--------------------
<!DOCTYPE HTML>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta charset="utf-8">

<title>站长工具箱</title>
<style>
    html body{
        height: 95%;
    }
    body{
        padding: 0;
        margin: 0;
        position: absolute;
        width: 100%;
    }
  .box{
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
  }
  .welcome{
      background-image: url(http://zhanzhanggongju.duapp.com/images/home.png);
      background-repeat: no-repeat;
      background-position: center;
      height: 100px;
  }
  .menu{
      width: 300px;
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: