HTML – CSS媒体景观和肖像

概述为什么我在下面添加了css介质,并且两个配置的nexus 5的像素效果不一样.这似乎是三分之二. (肖像中60px的大小似乎是景观中的40px). 我应该知道什么概念？ (我真的很困惑) @media only screen和(max-device-width：768px)和(orientation：portrait) @media only screen和(max-device-width：76 为什么我在下面添加了CSS介质,并且两个配置的nexus 5的像素效果不一样.这似乎是三分之二. (肖像中60px的大小似乎是景观中的40px).

我应该知道什么概念？ (我真的很困惑)

@media only screen和(max-device-wIDth：768px)和(orIEntation：portrait)

@media only screen和(max-device-wIDth：768px)和(orIEntation：landscape)

更新的问题

https://jsfiddle.net/Lgvpszrt/2/

图片中的高度和文字大小不同.

// —————————

在我将代码修改为https://jsfiddle.net/Lgvpszrt/3/后,它正在运行.

但我不知道这个概念.

解决方法 这可能是因为像素密度差异.请看一下Mozila的这篇文章,以便更好地了解移动设备上的视口和像素.

https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html

总结

以上是内存溢出为你收集整理的HTML – CSS媒体景观和肖像全部内容，希望文章能够帮你解决HTML – CSS媒体景观和肖像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。