h5屏幕旋转的时间和样式的设置

好几天没更新博客了,今天写写小感悟和一个小东西吧!

随着前端的前端的越来越火,对前端的要求也越来越高,从之前的切图到开发网站再到现在移动端开发,微信开发,手机app混合开发,不得不说现在前端在开发行业已经有了一席之地,所以丰富自己的经验,提升自己的技能才是最关键的,要知道眼光放长远的人才能够走的远,不要觉得今天或是现在他的工资比你高,工作比你轻松,或许你现在痛苦着,不得不说你是幸运的,再过几年你再比较你就会发现,档次已经不一样了,毕竟在技术圈还是技术是第一位的,其他的素质是辅助位置!!!!前几天我看了一部电视剧《平凡的世界》,这是根据路遥的一部小说改编的电视剧,这本书是我在上学时候在喜欢的一本书,我上学的时候看了两遍,现在又看了一遍电视剧的版本,不得不说每次看,看到的都是不一样的,这或许年龄段的不同和身份的不同所造成的吧!之前上学的时候会感觉主人公的命运似乎就是自己,关注点也在少安和润叶纯洁深刻的爱情上,现在看完之后产生了不一样的看法,感觉每个人的伟大都是用牺牲换来的,我关注的两个人一个是少安,一个是田福军,这两个人算伟大吧,少安从一个穷了三代的小伙子到发家致富,再到办厂让村里所有人都富起来,不容易吧,应该算伟大了吧,但他为此也付出了牺牲,爱情上失去润叶,到最后他失去了自己的好老婆,都说每个成功的男人背后都有一个默默支持的女人这句话我也是比较赞同的;同样的在看田福军,一个一心一意为农民的好书记,把所有的青春都奉献给了黄原,放弃了大好的前途,失去了可爱的女儿,老婆最后进了监狱,小儿子对自己很陌生,这些的牺牲才换来他在人民心里的位置,所以一个人要变强变得让人尊敬,还是要懂得为别人付出,这种道理恐怕小时候老师就教了我们,可没有那一次让我像今天一样感触这么深刻过,或许还是太年轻了 ------  一些小感触!!!!

屏幕旋转:

js里面主要是一个事件:window.orientation:

  

window.onorientationonchange = function ( ) {
  switch (window.orientation) {
    case -90:
    case 90:
    alert(“横屏:"+window.orientation);
    case 0:
    case 180:
    alert(”竖屏:"+window.orientation);
  break;
  }
}

对于样式的设置:

//竖屏市使用的样式
@media  all and (orientation:protrait) {
  .css{ }
}
//横屏时使用的样式
@media all and (orientation:landscape) {
  .css{ }
}
 
今天就到此为止吧,哇!今天也妇女节了,妇女们都快乐吧!昨天是女生节,才发现我是女生节出生的!!!所以女生节也快乐!!
原文地址:https://www.cnblogs.com/lijuntao/p/6519348.html