所以我意识到当前响应式网页设计中的一个大问题是,当你下载可能不需要的大图片时,比如在手机上-导致严重的性能影响-你也可以使用JS条件加载在一定程度上;所以我的问题是,我不能只在媒体查询中加载我的大多数图片作为背景图片,并克服这个问题,直到有更好的东西出现吗?示例:
/* base styles */
@media all and (min-width: 53.75em) {
header .inner{
background: url(‘../images/football_bg.png’) bottom right
no-repeat;
}
显然,这是完全非语义的,但可以解决性能问题,
好的,这是我的密码。我试图让它嵌入一个基于屏幕分辨率的Windows8.1应用程序的网页,但我如何回忆我的.js脚本中的变量。
<body>
<script>
function myFunction() {
var x = screen.width;
var y = screen.height;
document.getElementById('insert').width = x;
document.getElementById('insert').height = y;
}
</script>