最小宽度和最大宽度CSS媒体查询

<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" />

不该该行代码做到让样式表“移动large.css”用的是三星的Galaxy Nexus在宽度720像素时加载? 然而,它并不那么究竟是什么原因,如何解决?

我用这太:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

--------------解决方案-------------

可能是你必须定义device-width ,而不是简单的宽度。 像这样写:

<link href="css/mobile-large.css" media="all and (min-device-width: 481px) and (max-device-width: 760px)" rel="stylesheet" type="text/css" />

我想,你也可以“一切,”从查询字符串中删除。

分类:HTML 时间:2012-01-01 人气:0
本文关键词: HTML,CSS,媒体查询
分享到:

相关文章

  • CSS媒体查询的精确NOT(逆) 2012-03-31

    什么是确切的"NOT"下面的CSS媒体查询? @media only screen and (device-width:768px) 我想补充,这将mean..All除非iPAD的...... OR NOT ..... iPAD的.. 和BTW ...我已经尝试 @media not only screen and (device-width:768px) 它不工作.. --------------解决方案------------- @media not screen and (dev

  • CSS媒体查询多种分辨率 2012-04-24

    我期待在使用CSS媒体查询,支持多种平板电脑(Android的/ iPad的). 下面是媒体查询,我有; <link rel="stylesheet" media="only screen and (max-device-width:1024px)" href="css/tablet.css"> <link rel="stylesheet" media="only screen and (min-d

  • jQuery的,如果使用CSS媒体查询语句 2012-04-24

    我试图使用媒体查询在一定宽度的浏览器禁用浮动. 这if语句只有当我重新加载页面的电流大小的作品. 是否有可能有jQuery的应用更改CSS属性的变化是什么时候? if($('.two-column li').css('float') == 'left') { $('.two-column li').equalHeights(); } 而我可能应该使用$(本)或东西的第二个$('.两列礼"),但我不知道为什么它不工作. 我不知道太多关于jQuery的. 编辑: 默认情况下,两列里的风格是一样的东西

  • CSS媒体查询在iPad 3(或新iPad) 2012-06-04

    有没有要在应用CSS媒体查询,用于检测的iPad 3或新的iPad有什么区别? 此外在iPad 1和iPad 2返回装置宽度在两个方向768px. 这样是对的iPad 3以及一样的吗? --------------解决方案------------- 媒体查询的新iPad(或iPad 3)几乎保持不变. 所以,如果你检查最小设备宽度768px,这将仍然是新iPad的工作. 然而,给一个更具体的查询,可以1536像素和2048像素之间的检查设备的宽度. 有关于使用CSS媒体查询时http://itu

  • 结合CSS媒体查询 2012-07-08

    我想显示一组相同的CSS样式的人打印页面(媒体=印刷)以及浏览手机上. 有没有一种方法,我可以结合CSS媒体查询? 就像是 @media only print or @media only screen and (max-device-width: 480px) { #container { width: 480px; } } --------------解决方案------------- 用逗号分隔它们: @media only print, only screen and (max-devi

  • 在CSS媒体查询的宽度和设备宽度之间的区别 2012-09-17

    是什么的高度和宽度和设备宽度和设备高度之间的差(在简单的术语)? --------------解决方案------------- device-width是... 输出设备的宽度(意味着整个屏幕或页面,而不是仅仅在描画区域,如文档窗口). 资源. 该width ... 介绍了输出设备的呈现表面的宽度(比如文档窗口的宽度,或者在网页盒的打印机上的宽度) 资源. 超过一晚的回答希望它能帮助有个人 在CSS媒体宽度和器件宽度之间的差值可以有点混乱,所以让阐述在该位. 设备宽度 是指设备本身的宽度 ,换

  • iPhone 5的屏幕尺寸VS CSS媒体查询 2012-10-10

    可能重复: iPhone 5的CSS媒体查询 iPhone 5的技术规格州640屏幕尺寸1136 我的问题是这样的, 对于风景,FF我使用的568px指http://www.stephentgilbert.com/mediaqueries/#iPhone 最大设备宽度 你能解释一下为什么工作时,尺寸在iPhone 5上所说说,宽度为1136px 我知道我混了这里的一些基本情况. 我会很感激,如果你能提供给我一个合适的解释,也许我联系相关的在线资源. --------------解决方案-----

  • 问题与CSS媒体查询(滚动) 2012-10-18

    我有在Firefox的CSS媒体查询问题. 它的工作原理正确,铬像我做了两个div并希望滚动条. 如果我减少火狐的屏幕尺寸高达800像素那么这两个资料核实崩溃,一些像素媒体查询后的作品,但并非发生在Chrome中. 检查这个小提琴http://jsfiddle.net/RMvqC/2/ --------------解决方案------------- Firefox和基于Webkit的浏览器呈现不同的滚动条. 在Firefox中,MediaQuery认为这是与15PX屏幕宽度滚动条的宽度,但基于W

  • CSS媒体查询高度 2012-12-12

    我只是学会了如何使用CSS媒体查询,使我的网页适合屏幕大小,当用户重新大小的窗口,或有不同的屏幕分辨率. 我的网页设计,使得用户将不必在所有的滚动. 我想我的页面由960像素的屏幕分辨率,以适应1280px由768px和1280px. 问题是,该网页被全乱了,当我有类似的宽度(1280px). 可能有人请帮助我? 我非常感谢您的帮助! --------------解决方案------------- 你可能会想看看http://css-tricks.com/resolution-specific-

  • 问题的CSS媒体查询 2012-12-31

    我对CSS媒体查询的问题.. 使用desktop.css和ipad.css 2个单独的文件中我实现一个HTML页面,并希望他们.在desktop.css,我使用@import URL("ipad.css"); 并添加@media不仅屏幕(设备宽度:768px)块,具有实际的桌面风格.. 所以desktop.css看起来像 @import url("ipad.css"); @media not only screen and (device-width:768px)

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.284 (s). 10 q(s)