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

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

html

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

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

	

			

					
				開発			
					
				CSS			
					
				iOS			
					
				今日の覚書			
			
	

					
				CSS			
			
	

			

			
				よかったらシェアしてね！			
		
		

							

				
					
				
			
							

				
					
				
			
							

				
					
				
			
							

				
					
				
			
									

				
					
				
			
												

				
					
																	
				
				
URLをコピーしました！
			
			

	

		

							

				
					
				
			
							

				
					
				
			
							

				
					
				
			
							

				
					
				
			
									

				
					
				
			
												

				
					
																	
				
				
URLをコピーしました！
			
			

	

			

			

				
				Unity,Androidのデータ保存領域まとめ
	
			
				

				
				スマホ版webページで表(table)のスクロールをぬるぬるさせる
	
			
	

	

		この記事を書いた人	
	

		

						
				NaruAkitsuki			
					
		

							

					はじめまして、秋月なるです。

アラフォー会社員で、スマホアプリ／ゲーム／AIが好き。新しいものを見ると触りたくなるタイプで、スマホやウェアラブル等ガジェットが好きですが、よく買ったあとに「思ってたのと違う…」をやりがち。

ブログ投稿は趣味の1つなので、ゆるく続けていこうと思います。				
						

						

						
							
						
					
									

						
							
						
					
				
					
	


	
関連記事

	
		

			

						
		
		

			
RiderでCannot Resolve Symbol
				

	2020年12月10日
		
	


	
		

			

						
		
		

			
Xcodeでビルドしようとすると “xxx is busy: Preparing debugger support for xxx.” と表示されて先に進まない時の対処
				

	2020年10月22日
		
	


	
		

			

						
		
		

			
symlinkが含まれるUnitySDKを導入する時にGUIDが更新され続ける場合の対処
				

	2020年10月20日
		
	


	
		

			

						
		
		

			
AndroidでCall requires API levelエラー
				

	2020年10月11日
		
	


	
		

			

						
		
		

			
UnityでInvalid build path エラー
				

	2020年10月7日
		
	


	
		

			

						
		
		

			
クロスプラットフォーム開発の比較
				

	2019年11月29日
		
	


	
		

			

						
		
		

			
【Unity】任意のタイミングでメモリ解放をする
				

	2019年10月20日
		
	


	
		

			

						
		
		

			
【Unity】スリープを制御する
				

	2019年10月13日
		
	


		

	
			
			
					
	

	

	

		

	
	

		
			 閉じる		
	

	

	

		
目次
		
			 閉じる