这是一个创建于 3452 天前的主题，其中的信息可能已经有所发展或是发生改变。
如：
@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