css media query 是左包含，右包含，还是左右包含？

[Tianpu]

如：
@media (min-width:720px) and (max-width:960px) {

}

看起来似乎是左右包含，上述应该是[720,960] 包含 720 960 两个宽度，确如此乎？

[FlowMEMO]

是包含的，不论左右

[Tianpu]

@FlowMEMO 多谢

不得已有些地方使用了 719px 这样的表达来精确定位

应该不存在半像素吧，比如 719.5 这样子的，目前似乎是缺失 (719,720)这个区间的

主要是重置 css 太烦了，或者考虑下更好的复用方式

[FlowMEMO]

@Tianpu 考虑半像素的话就复杂了···这个就跟设备的 DPR(Device Pixel Ratio)有关了，比如 DPR 是 2 的设备把 css 中的 1px 渲染成物理上的 2px ，之前看过文章讲在 iPhone 上画 CSS 中 0.5px 也就是物理像素 1px 的线用的一些奇技淫巧

[Tianpu]

@FlowMEMO

http://tzi.fr/css/prevent-double-breakpoint

这里貌似有比较多的讨论

其实影响到的应该很少，我暂时用这种方法好了

按说左右包含应该有比较明确的定义才对

[Tianpu]

这个问题叫 sub-pixel ，对应的 720px 这样的位置点叫 break point

ie8+ chrome sarafi 这几个明确使用 "round up"方式，也就是四舍五入
firefox 使用真实像素


http://stackoverflow.com/questions/28101478/media-query-lost-in-firefox-when-window-resized-to-max-width-minus-scrollbar-wid
https://www.palantir.net/blog/responsive-design-s-dirty-little-secret

[FlowMEMO]

@Tianpu 用来限制元素宽度的 min-width 和 max-width 是有明确定义 https://www.w3.org/TR/CSS2/visudet.html#min-max-widths. 那篇文章里主要讨论的是相对大小，感觉你这么写针对 px 应该就够用了.