问Android scaling javascript
EN

Stack Overflow用户

提问于 2012-04-15 23:20:17

回答 1查看 128关注 0票数 1

嗨，有人能告诉我如何让这段javascript代码在浏览器上全屏显示吗？代码运行良好，但在较大的devices...not上看起来太小了。请确定要更改的内容，谢谢您的帮助:)

     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title></title>
        <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
        <meta content="width=device-width; initial-scale=1.0; maximum-scale=2.0; user-scalable=1;" name="viewport" />
        <style type="text/css">
html{background-color:transparent;height:100%;width:100%;}
    body{background-color:transparent;font-size:15pt;font-family:helvetica;color:white;}
    img{border:0px;}        </style>
    </head>
    <body>
        <!-- MAGIC 8 BALL START --><script>
var t0;
var ar8Ball = new Array;
ar8Ball[0]="Lookin' Good,<br> Right On!";
ar8Ball[1]="Sock It To Me, <br> Ask Again";
ar8Ball[2]="Hey Joe,<br>I Doubt It";
ar8Ball[3]="Outlook Along The Watchtower Not So Good";
ar8Ball[4]="Yeah Man!";
ar8Ball[5]="Outta Sight!";
ar8Ball[6]="Nope,<br> Peace Out";
ar8Ball[7]="Mellow Out,<br>Tell You Later";
ar8Ball[8]="My Foxy Ladies <br> Say No";
ar8Ball[9]="Don't Count On It,<br> Sucka";
ar8Ball[10]="I Can Dig It";
ar8Ball[11]="No Doubt <br>Brothas & Sistas";
ar8Ball[12]="Yes,<br> Can You Dig It?";
ar8Ball[13]="Righteous!";
ar8Ball[14]="Far Out!";
ar8Ball[15]="Excuse Me While I Kiss The Sky,<br> Ask Later";
ar8Ball[16]="Groovy Baby, <br> Yes";
ar8Ball[17]="Reply Purple Hazy, <br> Try Again";
ar8Ball[18]="Most Likely, <br> My Voodoo Child";
ar8Ball[19]="You Have To Go On <br> And Be Crazy";


function randomize(lo,hi)
{ return (lo + Math.floor(Math.random()*((1+hi)-lo)));
} 

function ksa8Ball()
{
  self.clearTimeout(t0);
  o = document.getElementById('theBall');
  v = '<div id=theBall style=">';
  v = v + ' width: 250px; height:380px;';
  v = v + '">';
  v = v + '<a href="javascript:ask8Ball();">';
  v = v + '<img border=0 src="jimiask1.jpg">';
  v = v + '</a>';
  v = v + '</div>';
  o.innerHTML = v;   
}

function ask8Ball()
{
  o = document.getElementById('theBall');
  v = '<div id=theBall style="';
  v = v + ' width: 250px; height:380px;';
  v = v + ' background-repeat: no-repeat;';
  v = v + ' background-image:url(jimianswer1.jpg);';
  v = v + ' text-align: center;';
  v = v + ' font-family: Arial;';
  v = v + ' font-size: 18pt;';
  v = v + ' color: #000000;';
  v = v + '"><br><br>';
  v = v + ar8Ball[randomize(0,19)];
  v = v + '</div>';
  o.innerHTML = v;
  t0 = self.setTimeout('ksa8Ball()',1 * 2500);
}
</script>
        <div style="
background-color: #000000;">
            <center>
                Just think of your question and click on Jimi
                <div id="theBall" style="width:250px; height:380px;">
                    <a href="#" onclick="ask8Ball();"><img border="0" src="jimiask1.jpg" /></a></div>
                <!-- MAGIC 8 BALL STOP --></center>
            <a href="#" onclick="ask8Ball();"> </a></div>
        <p>
            <a href="#" onclick="ask8Ball();"> </a></p>
        <p>
            <a href="#" onclick="ask8Ball();">&nbsp;</a></p>
        <p>
            <a href="#" onclick="ask8Ball();"> </a><a href="#" onclick="ask8Ball();"> </a></p>
    </body>
</html>

android

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-04-15 23:29:54

我想你的主要困难在于下面这行：

<div id="theBall" style="width:250px; height:380px;">

您已经对大小进行了硬编码。

因此，如果您想使其具有自适应能力，以便可以根据大小更改字体等，那么样式表可能是您最好的选择。

如果你想得到浏览器窗口的大小，你可以看看这个：

http://www.java-samples.com/showtutorial.php?tutorialid=1015

然后，如果您知道这一点，则可以为适当的设备大小(小/大)动态添加css标记。

然后，在css中设置字体、div宽度/高度以及您想要更改的任何其他内容。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10163320

复制

相似问题

问Android scaling javascript
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android scaling javascriptEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android scaling javascript
EN