スマホ版webページで表(table)がはみ出す時にスクロールできるようにする

Posted by on 2015年8月13日

このページで表(table)を載せたかったけど、そのままtableタグを入れるだけだと
スマホ版表示でレイアウトが崩れまくってしまった。
いくつか対処法は考えられたけど、表をそのまま表示したかったので
はみ出る部分はスクロールできるようにした。

PCだとChrome,Firefox。スマホはiPhoneのGoogleとSafariで動作確認済み。
html

divタグにクラスを設定しておく。



/*中略*/

css
div要素のscrollクラスに下記を追加する。
div.scroll{
    overflow: auto;
}

関連記事

			開発, 今日の覚書, iOS, CSS
		








					
		
				
		
							
	
	

						
	
	


	2015年8月
	
	

		日
		月
		火
		水
		木
		金
		土
	

	
	
	

		 1
	

	

		2345678
	

	

		9101112131415
	

	

		16171819202122
	

	

		23242526272829
	

	

		3031
		 

アクセス数

  • 728874総閲覧数:
  • 1今日の閲覧数:
  • 498701総訪問者数:
  • 1今日の訪問者数:
  • 0現在オンライン中の人数: