Fe-interview: [css] 第315天 如何在白天和黑夜自动切换页面的颜色？
All 5 comments
媒体查询
@media (prefers-color-scheme: dark)
gaoryrt
on 26 Feb 2020
👍1
prefers-color-scheme:
需要借助js才能在白天和黑夜中切换吧
haizhilin2013
on 26 Feb 2020
需要借助js才能在白天和黑夜中切换吧
媒体查询的内容都是设备的属性：宽度高度，旋转方向，打印样式，分辨率
所以用媒体查询的话，需要用户的设备拥有切换黑暗模式的功能
借助 js 切换页面颜色的话，那就是
- 获取地理位置
- 查询日出日落时间
- 根据时间修改全局 theme
gaoryrt
on 26 Feb 2020
👍5
获取地理位置来判断白天黑夜，太秀了
forever-z-133
on 28 Feb 2020
通过filter属性来做
lingchenzheng
on 31 Aug 2020
Was this page helpful?
0 / 5 - 0 ratings
Related issues
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
Most helpful comment
媒体查询的内容都是设备的属性：宽度高度，旋转方向，打印样式，分辨率
所以用媒体查询的话，需要用户的设备拥有切换黑暗模式的功能
借助 js 切换页面颜色的话，那就是