Javascript 我的网站表单输入赢得';当屏幕缩小到平板电脑/手机视图时,它不起作用,但当屏幕最大化时,它可以正常工作
缩小到平板电脑视图或移动视图时,我的游戏无法运行。当它处于正常的浏览器状态时,它可以正常工作,但由于某种原因,它就像网站被冻结一样。我不能点击按钮,不能输入数字,甚至不能点击单选按钮 以下是我用不同CSS缩小不同版面的代码:Javascript 我的网站表单输入赢得';当屏幕缩小到平板电脑/手机视图时,它不起作用,但当屏幕最大化时,它可以正常工作,javascript,html,css,Javascript,Html,Css,缩小到平板电脑视图或移动视图时,我的游戏无法运行。当它处于正常的浏览器状态时,它可以正常工作,但由于某种原因,它就像网站被冻结一样。我不能点击按钮,不能输入数字,甚至不能点击单选按钮 以下是我用不同CSS缩小不同版面的代码: <link href="styles/casino.css" rel="stylesheet" type="text/css"> <link href="styles/tablet.css" rel="stylesheet" type="text/css"
<link href="styles/casino.css" rel="stylesheet" type="text/css">
<link href="styles/tablet.css" rel="stylesheet" type="text/css" media="handheld, only screen and (max-width:1024px), only screen and (max-device-width: 650px)">
<link href="styles/mobile.css" rel="stylesheet" type="text/css" media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)">
<!--[if IEMobile]>
<link rel="stylesheet" type="text/css" href="/styles/mobile.css" media="screen" />
<![endif]-->
这是我的游戏表单代码:
<div id="game">
<div id="gameScreen">
<img src="images/roulettetable.jpg" class="desktop" height="413" width="100%" alt="Roulette Table" />
<img src="images/roulettetable.jpg" class="tablet" height="255" width="99%" alt="Roulette Table" />
<img src="images/roulettetable.jpg" class="phone" height="215" width="99%" alt="Roulette Table" />
<div id="info"><p>First Name: <span id="firstN"></span><br/>Last Name: <span id="lastN"></span><br/>Phone Number: <span id="phoneN"></span><br/>Postal Code: <span id="postalC"></span><br/>Amount: <span id="startA"></span></p></div>
<div id="cash"><p></p></div>
</div>
<div id="gameForm">
<form id="gameForm">
<label>Bet: </label>
<input type="text" value="0" id="bet" name="betAmount" onClick="if (this.value == '0') this.value='';" required/>
<label> 1-12: </label>
<input type="radio" name="temp" value="1-12" id="thirdOne" onClick="deselect()"/>
<label> 13-24: </label>
<input type="radio" name="temp" value="13-24" id="thirdTwo" onClick="deselect()"/>
<label> 25-36: </label>
<input type="radio" name="temp" value="25-36" id="thirdThree" onClick="deselect()"/>
<label>Single Number:</label>
<input type="number" name="num" id="num" min="00" max="36" onBlur="validateNum();"/><br/><hr/>
<label>Black:</label>
<input type="radio" name="temp" id="blackBet" value="Black" onClick="deselect()"/>
<label> Even: </label>
<input type="radio" name="temp" value="even" id="evenBet" onClick="deselect()"/>
<label for="halfTwo"> High: </label>
<input type="radio" name="temp" value="19-36" id="halfTwo" onClick="deselect()"/><br/>
<input type="button" name="spin" value="Spin!!!" id="spin" onClick="spinIt();" />
<label>Red:</label>
<input type="radio" name="temp" id="redBet" value="Red" onClick="deselect()" />
<label> Odd: </label>
<input type="radio" name="temp" value="odd" id="oddBet" onClick="deselect()" />
<label> Low: </label>
<input type="radio" name="temp" value="1-18" id="halfOne" onClick="deselect()"/>
<input type="button" name="leave" value="Leave Game" id="leave" onClick="window.location = 'outcome.html'"/>
</form>
</div>
</div>
姓名:
姓氏:
电话号码:
邮政编码:
金额:
打赌:
1-12:
13-24:
25-36:
单号:
黑色:
甚至:
高:
红色:
奇数:
低: