CSS布局:屏幕分辨率问题

我坚持我如何应与屏幕分辨率的问题,应对....

  1. 如果我设计了高分辨率(1280px宽)一个很长的水平滚动出现在低分辨率显示器
  2. 如果我设计了低分辨率的网站似乎强制使用浏览器上的一点空间

请指导我如何解决这个问题的任何帮助将不胜感激谢谢

--------------解决方案-------------

有几个建议...

  1. 设计你的网站水平居中的一切,与具有固定宽度设计一起。 然后确保你的内容中最重要的部分留在中央。 背景图像可以填充背景区域,而不会引起水平溢流(被示出的滚动条)。
  2. 使用水平充满100%的设计,并基于百分比宽度的展示位置。 这可能是困难的取决于你的设计,但如果你从#1使用了一些固定宽度方面,可以帮助。
  3. 使用条件CSS负载。 只建议如果你真的需要为不同的屏幕尺寸非常不同的布局(如移动网站)。 您可以使用JavaScript来获取document.body.clientWidth和document.body.clientHeight获得在此基础上当前窗口大小和负载的东西。 但要记住......用户可以调整屏幕,所以它不会是一样大1号或2。

谷歌“自适应网页设计”

我以前有这个问题?

CSS无法检测到屏幕大小,但JavaScript可以。 我怎么不记得,但。 但它可以告诉你,没有浏览器窗口中有什么大小。 根据这种规模的,您就可以链接到CSS或其他。

û有两种选择:

1,让有关980px布局宽度。 使用户与1024的分辨率和更高会看到所有的屏幕,不滚动。

2,让你的布局宽度为100%。 不指定固定宽度为您元素像素中设置其百分比宽度。 这样的任何决议每一个身体会看到整个页面没有滚动条。

我一直使用的978px网格设计的规则。

#container {
width: 978px;
margin: 0 auto;
}

这意味着它可以适用于浏览器到1024×768,并在更高分辨率的显示中心。

屏幕分辨率问题不是由任何余量,填充,绝对和相对,当谈到在身体元件解决.....这是溶液,我可以更喜欢案例之一之一:使用在窗口调整大小功能偏移到另一元件从要对齐(偏移顶部和左侧偏移)例如: $(window).resize(function () { var p = $("#divfromwhichyouwantalignment"); var offset = p.offset(); $(".element1toalign").offset({ left: offset.left }); $(".element2toalign").offset({ left: offset.top + 350 }); });

分类:CSS 时间:2015-03-15 人气:4
本文关键词: CSS
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.309 (s). 10 q(s)