H5W3
当前位置:H5W3 > 问答 > 正文

求助这个网页怎么实现自适应?

请教各位这个页面怎么实现让它在不同的手机端自适应屏幕去显示呢?

<html>
<head></head>
<body>
<div class="wraper">
<div class="text">
<div>
<style type="text/css">.fs-2146a648-4 {font-size:17px; font-family:'Microsoft Yahei';  color:#28363e; position:absolute;} .fs-2146a648-a {font-size:17px; font-family:Arial;  color:#28363e; position:absolute;} .fs-2146a648-0 {font-size:26px; font-family:'Microsoft Yahei'; font-weight: 500; color:#28363e; position:absolute;} </style>
<span class="fs-2146a648-4">。</span>
<span class="fs-2146a648-4">东</span>
<span class="fs-2146a648-4">:</span>
<span class="fs-2146a648-4">版</span>
<span class="fs-2146a648-4">P</span>
<span class="fs-2146a648-a"> </span>
<span class="fs-2146a648-4">分</span>
<span class="fs-2146a648-4">类</span>
<span class="fs-2146a648-4">用</span>
<span class="fs-2146a648-a">g</span>
<span class="fs-2146a648-a">9</span>
<span class="fs-2146a648-4">江</span>
<span class="fs-2146a648-4">公</span>
<span class="fs-2146a648-4">时</span>
<span class="fs-2146a648-4">限</span>
<span class="fs-2146a648-a">5</span>
<span class="fs-2146a648-4">传</span>
<span class="fs-2146a648-a">0</span>
<span class="fs-2146a648-4">限</span>
<span class="fs-2146a648-4">北</span>
<span class="fs-2146a648-4">者</span>
<span class="fs-2146a648-4">出</span>
<span class="fs-2146a648-4">敏</span>
<span class="fs-2146a648-4">词</span>
<span class="fs-2146a648-4">本</span>
<span class="fs-2146a648-a">&middot;</span>
<span class="fs-2146a648-a">&middot;</span>
<span class="fs-2146a648-a">-</span>
<span class="fs-2146a648-4">商</span>
<span class="fs-2146a648-a">t</span>
<span class="fs-2146a648-a">B</span>
<span class="fs-2146a648-a">7</span>
<span class="fs-2146a648-4">教</span>
<span class="fs-2146a648-a">5</span>
<span class="fs-2146a648-4">北</span>
<span class="fs-2146a648-a">i</span>
<span class="fs-2146a648-a">4</span>
<span class="fs-2146a648-4">浙</span>
<span class="fs-2146a648-4">电</span>
<span class="fs-2146a648-4">版</span>
<span class="fs-2146a648-a">a</span>
<span class="fs-2146a648-4">文</span>
<span class="fs-2146a648-4">书</span>
<span class="fs-2146a648-4">发</span>
<span class="fs-2146a648-4">排</span>
<span class="fs-2146a648-0">版</span>
<span class="fs-2146a648-0">息</span>
<span class="fs-2146a648-4">司</span>
<span class="fs-2146a648-4">有</span>
<span class="fs-2146a648-4">务</span>
<span class="fs-2146a648-a">0</span>
<span class="fs-2146a648-4">大</span>
<span class="fs-2146a648-a">-</span>
<span class="fs-2146a648-4">京</span>
<span class="fs-2146a648-4">新</span>
<span class="fs-2146a648-a">8</span>
<span class="fs-2146a648-4">播</span>
<span class="fs-2146a648-a"> </span>
<span class="fs-2146a648-a"> </span>
<span class="fs-2146a648-a">7</span>
<span class="fs-2146a648-4">侵</span>
<span class="fs-2146a648-a">S</span>
<span class="fs-2146a648-a">2</span>
<span class="fs-2146a648-4">与</span>
<span class="fs-2146a648-4">必</span>
<span class="fs-2146a648-4">版</span>
<span class="fs-2146a648-a">0</span>
<span class="fs-2146a648-a">S</span>
<span class="fs-2146a648-a">0</span>
<span class="fs-2146a648-a">K</span>
<span class="fs-2146a648-4">有</span>
<span class="fs-2146a648-4">出</span>
<span class="fs-2146a648-4">司</span>
<span class="fs-2146a648-4">公</span>
<span class="fs-2146a648-a">1</span>
<span class="fs-2146a648-4">:</span>
<span class="fs-2146a648-a"> </span>
<span class="fs-2146a648-4">所</span>
<span class="fs-2146a648-4">授</span>
<span class="fs-2146a648-4">实</span>
<span class="fs-2146a648-4">出</span>
<span class="fs-2146a648-4">P</span>
<span class="fs-2146a648-4">行</span>
<span class="fs-2146a648-4">制</span>
<span class="fs-2146a648-a">7</span>
<span class="fs-2146a648-4">—</span>
<span class="fs-2146a648-4">作</span>
<span class="fs-2146a648-a">4</span>
<span class="fs-2146a648-4">:</span>
<span class="fs-2146a648-4">超</span>
<span class="fs-2146a648-4">记</span>
<span class="fs-2146a648-4">权</span>
<span class="fs-2146a648-a">7</span>
<span class="fs-2146a648-4">—</span>
<span class="fs-2146a648-4">书</span>
<span class="fs-2146a648-4">名</span>
<span class="fs-2146a648-4">愚</span>
<span class="fs-2146a648-4">权</span>
<span class="fs-2146a648-a">I</span>
<span class="fs-2146a648-a">0</span>
<span class="fs-2146a648-4">由</span>
<span class="fs-2146a648-4">版</span>
<span class="fs-2146a648-4">间</span>
<span class="fs-2146a648-4">社</span>
<span class="fs-2146a648-a">6</span>
<span class="fs-2146a648-4">京</span>
<span class="fs-2146a648-a">1</span>
<span class="fs-2146a648-4">:</span>
<span class="fs-2146a648-4">方</span>
<span class="fs-2146a648-4">科</span>
<span class="fs-2146a648-4">育</span>
<span class="fs-2146a648-a"> </span>
<span class="fs-2146a648-4">速</span>
<span class="fs-2146a648-0">信</span>
<span class="fs-2146a648-a">r</span>
<span class="fs-2146a648-4">版</span>
<span class="fs-2146a648-4">文</span>
<span class="fs-2146a648-a">N</span>
<span class="fs-2146a648-a">1</span>
<span class="fs-2146a648-a">5</span>
<span class="fs-2146a648-a">5</span>
<span class="fs-2146a648-a">6</span>
<span class="fs-2146a648-4">作</span>
<span class="fs-2146a648-4">化</span>
<span class="fs-2146a648-0">权</span>
<span class="fs-2146a648-a">3</span>
<span class="fs-2146a648-4">:</span>
<span class="fs-2146a648-4">俞</span>
<span class="fs-2146a648-4">社</span>
<span class="fs-2146a648-4">有</span>
<span class="fs-2146a648-a">n</span>
<span class="fs-2146a648-4">究</span>
<span class="fs-2146a648-a">0</span>
<span class="fs-2146a648-4">:</span>
<span class="fs-2146a648-a">1</span>
<span class="fs-2146a648-4">洪</span>
<span class="fs-2146a648-4">子</span>
<span class="fs-2146a648-4">权</span>
</div>
</div>
</div>
</body>
</html>

回答

flexible.js 这个库应该适合你这种情况

示例代码:

 <head>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
  </head>

未经允许不得转载:H5W3 » 求助这个网页怎么实现自适应?

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址