使用CSS检测设备方向的代码如下:
@media screen and (orientation:portrait) { … }
@media screen and (orientation:landscape) { … }
参考文档: http://www.w3.org/TR/css3-mediaqueries/#orientation
原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/796.html
相关推荐
-
CSS实现英文单词的首字母大写
text-transform 属性用来控制文本的大小写,是CSS2.1的属性,兼容性问题不大。 属性值是关键字,有4+1种,这个1是实验性属性值。 /* Keyword value…
-
CSS display属性
对象的display属性决定了浏览器如何呈现它。 这是一个非常重要的属性,而且可能是您可以使用的值最多的属性。 这些值包括: block inline none contents …
-
解决IOS长按img无法保存问题
最近俺遇到一个遇到一个问题,还是大佬帮忙解决的,就是IOS长按图片无法保存,img默认是可以在IOS手机上长按保存的。 为什么默认行为无法调用 这是因为在reset.less文件中…
-
css padding属性
padding属性通常在CSS中用于在元素的内部添加空格。 记住: margin 在元素边框外添加空格 padding 在元素边框内增加空间 指定padding属性 内边距有4个相…
-
CSS选择器总结,属性继承总结
今天俺跟大家分享一下常见的CSS选择器,以及关于CSS常见的属性继承的总结。 选择器 通配符 id class 标签 后代选择器 子选择器 兄弟选择器 属性选择器 伪类选择器 伪元…
-
使用@import导入CSS文件
从任何CSS文件中,您都可以使用@import指令导入另一个CSS文件。 以下是如何使用它: url()可以管理绝对url或相对url。 您需要知道的一件重要的事情是,必须将@im…
-
CSS3支持的新特性
欢迎大家留言补充,以下是来自俺的整理分享: 边框(borders) border-radius 圆角 box-shadow 盒阴影 border-image 边框图像 背景 bac…
-
CSS3教程text-shadow+animation实现文字抖动效果
text-shadow是CSS3的一个属性,可以为字体添加阴影效果,减少了图片的使用 基础说明 text-shadow: X轴 Y轴 blur color; 四个参数分别为X轴、Y…
-
pre标签实现响应式
在俺的博客上,有几篇文章的响应式有问题。 原来俺的那些文章都有问题,它们都有一段代码超出了正常的页面宽度,没有空格。 例如: 或者任何其他很长的命令。 俺的博客上的代码片段都被自动…