标头不符合 100% 宽度
header not complying to 100% width
请查看此网站:
http://www.imageworkz.asia/cranium
尝试将窗口大小调整到显示水平滚动条的程度。将水平滚动条向右拖动,然后出现问题。页眉和页脚似乎没有相应调整。在 css 中,页眉和页脚元素的宽度为 100%。
关于如何解决这个问题的任何想法?谢谢!
这就是 100% 宽度的工作原理。元素的宽度与父元素相同,并且由于存在滚动条,因此它比页面窄。
我没有
看到问题,但是如果您希望标题调整大小,我建议您使用媒体查询根据屏幕尺寸进行调整。
媒体查询示例
文章元素具有固定宽度,因此当容器收缩时它会溢出容器。 您可以尝试浮动容器div,这应该确保它不会缩小。
<div id="container" style="display: block; float: left">
您需要对
'body'
元素使用 CSS3 多个背景图像,然后使用 CSS3 PIE 使其在 IE http://css3pie.com/documentation/supported-css3-features/#pie-background 中工作
body{
background: url("/cranium/img/2 MAIN/bg.jpg") repeat 0 40px, url(headerbg.png) repeat-x left top, url(footerbg.png) repeat-x left bottom;
-pie-background: url("/cranium/img/2 MAIN/bg.jpg") repeat 0 40px, url(headerbg.png) repeat-x left top, url(footerbg.png) repeat-x left bottom;
behavior: url(PIE.htc);
}
请记住-pie-background
是相对于HTML的,而不是CSS的这肯定会解决您的问题。
相关文章:
- 宽度为100%的CSS元素位于视口之外
- 如何在jQuery Mobile中设置100%宽度的输入类型日期
- 普通JS:使80%宽度元素100%IF包含一个图像
- 使用css中设置的表宽度:100%,使表内容适合宽度
- 如何创建带有背景的三角形形状(固定高度,宽度= 100%)
- 图像宽度 100% 事件
- JQuery 滚动到不适用于高度和宽度 100%
- 使用CSS旋转元素后使用高度/宽度100%
- HR宽度100%问题
- 设置画布宽度100%和最大宽度
- HTML5画布的高度和宽度100%扭曲游戏动画
- Bootstrap 3标签-展开标签's宽度100%
- 如何使文本和宽度100%的分辨率和输入集中
- 为什么是宽度100%的html代码全栏不工作,当我写.忘了那个吧,连复制粘贴都不起作用.为什么
- 引导旋转木马宽度100%和响应
- 循环jquery插件是采取宽度:100%,并给予它的左样式选项scrollHorz
- 我如何创建一个JS函数,将“宽度:100%”划分为“th”的数字
- CSS宽度100%在文本区域的边距内
- 元素在调整大小时错位(使用最大宽度:100%根据窗口大小缩放)
- 点击打开菜单宽度100%