这是一个创建于 3163 天前的主题，其中的信息可能已经有所发展或是发生改变。
如：
@media (min-width:720px) and (max-width:960px) {
}
看起来似乎是左右包含，上述应该是[720,960] 包含 720 960 两个宽度，确如此乎？
@media (min-width:720px) and (max-width:960px) {
}
看起来似乎是左右包含，上述应该是[720,960] 包含 720 960 两个宽度，确如此乎？
 |
1
FlowMEMO 2016-04-30 12:22:56 +08:00  1
是包含的，不论左右
|
 |
2
Tianpu OP @FlowMEMO 多谢
不得已有些地方使用了 719px 这样的表达来精确定位 应该不存在半像素吧，比如 719.5 这样子的，目前似乎是缺失 (719,720)这个区间的 主要是重置 css 太烦了，或者考虑下更好的复用方式 |
|
3
FlowMEMO 2016-04-30 22:55:02 +08:00
@Tianpu 考虑半像素的话就复杂了···这个就跟设备的 DPR(Device Pixel Ratio)有关了，比如 DPR 是 2 的设备把 css 中的 1px 渲染成物理上的 2px ，之前看过文章讲在 iPhone 上画 CSS 中 0.5px 也就是物理像素 1px 的线用的一些奇技淫巧
|
|
4
Tianpu OP @FlowMEMO
http://tzi.fr/css/prevent-double-breakpoint 这里貌似有比较多的讨论 其实影响到的应该很少，我暂时用这种方法好了 按说左右包含应该有比较明确的定义才对 |
|
5
Tianpu OP 这个问题叫 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 |
|
6
FlowMEMO 2016-04-30 23:16:55 +08:00
@Tianpu 用来限制元素宽度的 min-width 和 max-width 是有明确定义 https://www.w3.org/TR/CSS2/visudet.html#min-max-widths. 那篇文章里主要讨论的是相对大小，感觉你这么写针对 px 应该就够用了.
|
Select Language