访问CSS媒体查询中的屏幕宽度和高度
Accessing the screen width and height in CSS Media Queries?
是否可以在CSS媒体查询中访问屏幕的宽度和高度,以编写动态url,如以下所示:
@media all
{
background: url("http://site.com/background/" + width + "/" + height");
}
这里宽度和高度是变量,可以动态设置为用户的宽度和高度
这可能吗?或者我必须使用javascript来完成这一任务吗?
不可能。CSS对环境一无所知。
相关文章:
- 检测非移动页面上的移动设备屏幕宽度和高度
- 访问CSS媒体查询中的屏幕宽度和高度
- 当canvas's的高度超过屏幕's的高度(当滚动条出现时)
- Div 设置为视口高度,即使调整屏幕大小也是如此
- 如何将最大高度css属性指定为屏幕大小
- 根据页面/屏幕高度调整大小
- 如何在android中读取屏幕宽度和高度
- 两列布局,两列高度相同且均填充屏幕的整个高度
- 用户's屏幕's高度&要保存在变量中的宽度
- 更改宽度,使高度适合窗口屏幕
- 触发方向更改事件时获得错误的屏幕高度
- 调整机身高度以适应屏幕,即使内容较短
- 如何在屏幕上获取内联元素的顶部/左侧位置和高度
- 根据当前屏幕窗口大小设置模式窗口的最大高度
- jQuery - 根据屏幕宽度将像素添加到高度
- 按类划分元素的最大高度不会在屏幕调整大小时更新
- 背景图片的高度和宽度适应每个屏幕尺寸
- MVC3 剃须刀在视图中获取浏览器屏幕宽度和高度
- 如何使图像无论屏幕高度/宽度如何都停留在屏幕底部
- 在 Ajax 将内容扩展到屏幕之外之后,如何找到页面高度