当旋转带有更多角度的Card小部件中的内容时,我会出现消失的问题。有人可以为我指出正确的解决方案吗?
编辑:我开始认为这是一个错误,因为它仅在材料小部件中发生-如果旋转容器,则不会发生。
下面的代码说明了该问题。当我将卡旋转-pi / 2.7角度时,卡的内容在屏幕上可见。将角度更改为-pi / 2.6后,其内容消失。
var questions = [
new Question("What language are we learning today?", ["Java", "C#","C++", "JavaScript"], "JavaScript"),
new Question("Which language is used for styling web pages?", ["HTML", "JQuery", "CSS", "XML"], "CSS")
];
HTML form that I have created
<form action="" method="post" >
<label>Enter question:</label>
<input type="text" id="question" name="question" /><br/>
<label>Option1:</label>
<input type="text" id="option1" name ="option1"/><br/>
<label>Option2:</label>
<input type="text" id="option2" name ="option2"/><br/>
<label>Option3:</label>
<input type="text" id="option3" name ="option3"/><br/>
<label>Option4:</label>
<input type="text" id="option4" name ="option4"/><br/>
<label>Enter answer</label>
<input type="text" id="answer" name="answer" /><br/>
<input type="submit" name="submit" value="Add quiz" />
</form>
这两个屏幕截图说明了结果。为了突出问题,将Card的颜色设置为蓝色,其内容的颜色设置为绿色。
正确的结果(角度= -pi / 2.7):
错误的结果(角度= -pi / 2.6):