知识积累

好记性不如烂笔头。遇到问题要解决，解决之后要积累。加油！

1. 屏幕旋转

有时候屏幕可能会旋转，所以需要考虑屏幕旋转的不同情况
（1）使用css设置屏幕旋转后的不同样式（适用于移动端和web端）

@media all and (orientation : landscape) {
	/*  横屏  */
}

@media all and (orientaion : portation) {
	/*  竖屏  */
}

(2)移动端中借助orientationchange事件，监听屏幕旋转（只适用于移动端）

$(window).bind('orientationchange',function(event){
	switch(window.orientation){
		case 0:
			/*  横屏  */
			break;
		case 90:
			/*  竖屏（向右旋转）  */
			break;
		case -90:
			/*  竖屏（向左旋转）  */
			break;
		case 180:
			/*  横屏  */
			break;
		default:
			break;
	}
}).trigger('orientationchange');

2. 使用webStorm开发软件自动上传问题

之前一直是使用FTP软件上传，后来使用webStorm自动上传，但是在使用中出现了问题总是链接不到服务器。同事帮忙解决了这个问题。下面用图说明：

出现了格式乱码，需要将默认的编码GBK改为UTF-8