試行錯誤ページ203




ipadmini4で縦書き表示ができないので、いろいろやってみる。(ipadproなどでは問題ないのに)

まず縦書きについて書いてある図の文字がずれる。

ボタンで縦書きになるようにした。javaScript:changeをvertical-rlにして、span内のstyleもwriting-mode:vertical-rlにしている

IE・・・大では大丈夫だったが、白ではだめだった。(まだボタンは押していない。)
さいしょは縦書きではないが、ボタンクリックすると縦書きになる

クロームは縦書きも横スクロールも大丈夫。

ipadmini4の縦書き検証ページ

(さいしょは『縦書き』になっています。何度でも切り換え可)
ipad mini4では 縦書き表示されませんので、横書きでご利用ください。

myTEXT内のstyleをwriting-mode:vertical-rlにしている
→IEでは縦書きにはなるが、上下に長い記述になる。大では大丈夫だったが、白ではだめだった。(まだボタンは押していない。)
→chromeではボタンをクリックすると、ラジオボタンがradioyokoleftの状態になる。

Questions(ここから)

第一問 まーくんの名前は?

 
HG 教科書体

 





Q. しゅんかしゅうとう

①まず答えがわかる部分をクリックして開きましょう。
②わからない部分はヒントボタンを押して開きます。(小→中→大)
③答えを最終確認するときは見るボタンをクリックします。
 

 
英語ブロック

 
Q2. 答えはA(5点)
readonlyなし(正解不正解が出るinputが横になっているのでここにスペースが出てしまう、文字はタテにできない、inputのタテヨコは指定可)
 

 
 
Q3. 答えはA(5点)
 

 
 
Q4. 答えはA(5点)
 

 

Q5.答えはA(10点)




label内にmargin-top

input内にmargin-top

全体を挟むspanでmargin-top

 
 
height:autoにすると縦書きでラジオボタンの位置が文字の左に来てしまう。
 
装飾部分は、縦横切替ではうまくいかない。topとleftで位置調整できるが・・・
 
hidekeyが採点に影響してしまうので、再テスト方式は使えない
 
 
Q6.答えはA(10点)



 
 
 

Q7.答えはA(10点)



Q8.答えはA(10点)



Q9.答えはA(20点)



Q10.答えはA(20点)





 

 
 

 

 
 
 
 
 

↑余白調整用(spacearrange1-5)あり

div sampleのなかに入れるとラジオ・チェックボックスがなくなる


重なっていて少しバグってる

検証→試行187へ