Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 内容显示在屏幕宽度659px处_Jquery_Html_Css - Fatal编程技术网
Fatal编程技术网
  • jquery/
  • Jquery 内容显示在屏幕宽度659px处

Jquery 内容显示在屏幕宽度659px处

jquery html css

Jquery 内容显示在屏幕宽度659px处,jquery,html,css,Jquery,Html,Css,我如何维护媒体查询，以控制背景保持响应，并使浏览器边到边匹配，同时不丢失.content&img in#flexiselDemo3宽度为659px，其中.content和img in#flexiselDemo3消失 正文{ 文本对齐：居中； 文字装饰：无； 颜色：#ffffff； 字体系列：arial； 保证金：0px 0px 0px 0px； } @仅介质屏幕和（最大宽度：658px）{ .bg{ 身高：100%； 宽度：自动； 背景图像：url（“http://media.istockph

我如何维护媒体查询，以控制背景保持响应，并使浏览器边到边匹配，同时不丢失
.content
&img in
#flexiselDemo3
宽度为659px，其中
.content
和img in
#flexiselDemo3
消失

正文{
文本对齐：居中；
文字装饰：无；
颜色：#ffffff；
字体系列：arial；
保证金：0px 0px 0px 0px；
}
@仅介质屏幕和（最大宽度：658px）{
.bg{
身高：100%；
宽度：自动；
背景图像：url（“http://media.istockphoto.com/photos/repairing-lawn-    割草机-发动机-图片-id500782948“；
背景重复：无重复；
保证金：0px 0px 0px 0px；
填充：0；
显示：内联块；
文本对齐：居中；
文字装饰：无；
颜色：#ffffff；
字体系列：arial；
保证金：0px 0px 0px 0px；
}
}
@仅介质屏幕和（最小宽度：659px）{
.bg{
宽度：100%；
显示：内联块；
背景图像：url（“http://media.istockphoto.com/photos/repairing-lawn-    割草机-发动机-图片-id500782948“；
背景重复：无重复；
背景尺寸：100%自动；
文本对齐：居中；
文字装饰：无；
颜色：#ffffff；
字体系列：arial；
保证金：0px 0px 0px 0px；
}
}
您的问题的核心是您正在给
.bg
显示
内联块


@media only screen and (max-width: 658px) {
    .bg {
        ...
        display: inline-block; <- get rid of this
        ...



@仅媒体屏幕和（最大宽度：658px）{
.bg{
...

显示：内联块；删除内联块时，.bg和.top之间会出现空格。如果没有内联块，如何保持背景图像的边到边？只需在.bg:padding:10px 0；