css - 如何确保我的布局适合每个屏幕分辨率

标签 css resolution

<分区>

参见@http://www.nobleprotocol.com

我正在尝试调整此图片的大小以适合每个屏幕。您可以给我的任何 css/html 编码技巧来帮助我。

最佳答案

使用覆盖

html { 
  background: url("imageURL") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

来源:http://css-tricks.com/perfect-full-page-background-image/

看看这个

http://jsfiddle.net/TxyBQ/

关于css - 如何确保我的布局适合每个屏幕分辨率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16009868/

上一篇:javascript - 显示更多信息 (onmouseover)

下一篇:php - 如何将 'while' 循环的内容放在右上角?

相关文章:

jquery - jquery 选项卡的最小高度将影响页面自动滚动

c# - 使用 C# 更改 jpeg 图像的分辨率

html - 如何设计适合大型竖屏的网页?

browser - 常规浏览器显示统计信息

javascript - 如何将一个长方形分割成数量相等的正方形?

jquery - 如何将最长的 li 元素的宽度设置为属于单父 ul 的所有 li 元素的宽度

css - 用点填充空白

html - 网格或表格中的 CSS 显示

jQuery 分辨率更改 css

streaming - 使用 mjpg-streamer 以高于 640x480 的分辨率捕获图像