媒体查询

 

/*手机端*/
			
			@media only screen and (min-width: 320px) and (max-width: 767px) {
				.pc {
					display: none;
				}
				.ipad {
					display: block;
				}
				.iphone {
					display: block;
				}
			}
			/*iPad端*/
			
			@media only screen and (min-width: 768px) and (max-width: 1024px) {
				.pc {
					display: none;
				}
				.iphone {
					display: none;
				}
				.ipad {
					display: block;
				}
			}
			/*pc端*/
			
			@media only screen and (min-width: 1025px) and (max-width: 1500px) {
				.iphone {
					display: none;
				}
				.ipad {
					display: none;
				}
				.pc {
					display: block;
				}
			}