「table」のレスポンシブ問題

table(タグ)を利用したのち、そのウェッブページのレイアウトをチェックしてみた。

パソコンでは良好だけれど、スマホでは思いどおりになっていない。

「はてな人力検索」に解決策を乞うた。ご回答をいただく。解決した。ありがたし。

解決策は以下のとおり。なにかの折りの備忘録として、残しておくぜ。

1)イラストに対するtdの属性を消去した。

tag1

 

2)「tableの幅を 657px を100% にした。

tag2

 

 

<<参考/ iPhoneにて確認すべし>>

 

◎オリジナル(その問題が発生していたtable)

 

lab_mokuji1

 


ラズパイをやってみた

Raspberry pi(ラズパイ)はOSを入れて、
キーボードとディスプレイをつなげれば、
一般的なコンピュータになるし、
モジュールとつなぎプログラミングすれば、
炊飯器的な組み込みコンピュータになる。
順次。いろいろ、ためしていきまーす!

 

lab_mokuji2


スクラッチでゲーム制作

ラズパイはイギリスだし。
Scratch (スクラッチ)はアメリカだし。
あちらは、この手の、子どもを対象にしたものが
充実しているのかねぇ。
というわけで、スクラッチで、
カンタンなゲームをつくってみたよん。

 

 

◎td に指定している属性を外した場合

 

lab_mokuji1

 


ラズパイをやってみた

Raspberry pi(ラズパイ)はOSを入れて、
キーボードとディスプレイをつなげれば、
一般的なコンピュータになるし、
モジュールとつなぎプログラミングすれば、
炊飯器的な組み込みコンピュータになる。
順次。いろいろ、ためしていきまーす!

 

lab_mokuji2


スクラッチでゲーム制作

ラズパイはイギリスだし。
Scratch (スクラッチ)はアメリカだし。
あちらは、この手の、子どもを対象にしたものが
充実しているのかねぇ。
というわけで、スクラッチで、
カンタンなゲームをつくってみたよん。

 

 

◎ table の幅を 657px から 100% にした場合

 

lab_mokuji1

 


ラズパイをやってみた

Raspberry pi(ラズパイ)はOSを入れて、
キーボードとディスプレイをつなげれば、
一般的なコンピュータになるし、
モジュールとつなぎプログラミングすれば、
炊飯器的な組み込みコンピュータになる。
順次。いろいろ、ためしていきまーす!

 

lab_mokuji2


スクラッチでゲーム制作

ラズパイはイギリスだし。
Scratch (スクラッチ)はアメリカだし。
あちらは、この手の、子どもを対象にしたものが
充実しているのかねぇ。
というわけで、スクラッチで、
カンタンなゲームをつくってみたよん。

 

 

◎ td の属性を外し、それからtable の幅を 657px から 100% にした場合。=>これにより解決 !!

 

lab_mokuji1

 


ラズパイをやってみた

Raspberry pi(ラズパイ)はOSを入れて、
キーボードとディスプレイをつなげれば、
一般的なコンピュータになるし、
モジュールとつなぎプログラミングすれば、
炊飯器的な組み込みコンピュータになる。
順次。いろいろ、ためしていきまーす!

 

lab_mokuji2


スクラッチでゲーム制作

ラズパイはイギリスだし。
Scratch (スクラッチ)はアメリカだし。
あちらは、この手の、子どもを対象にしたものが
充実しているのかねぇ。
というわけで、スクラッチで、
カンタンなゲームをつくってみたよん。

 

 

気づいたことを、お気軽に。
公開まで、やや時間がかかりまーす!