当前位置: 移动技术网 > IT编程>开发语言>其他编程 > 移动端屏幕旋转(webstorm自动上传链接服务器配置)

移动端屏幕旋转(webstorm自动上传链接服务器配置)

2020年08月11日  | 移动技术网IT编程  | 我要评论
好记性不如烂笔头。遇到问题要解决,解决之后要积累,加油!1. 屏幕旋转,有时候屏幕可能会旋转,所以需要考虑屏幕旋转的不同情况

好记性不如烂笔头。遇到问题要解决,解决之后要积累!

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
在这里插入图片描述

本文地址:https://blog.csdn.net/weixin_44552862/article/details/107906638

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网