Html 内容不是全宽的页面的媒体查询
我们正在从我们的一个网站（有全幅内容）中提取代码，并试图在另一个网站上使用类似的媒体查询，该网站的内容包括空的边栏。主要问题是，在移动视图中，我们的页面维护这些侧栏，并将所有内容压缩成一个精简的列。页面右侧有一个表单，左侧有一个图像，上面有徽标，下面有公司徽标，下面有文本 有没有什么建议可以让我在手机上用哪一块填充整个宽度？此外，我们在HubSpot的COS内运营这些物业 下面是我们正在做的：Html 内容不是全宽的页面的媒体查询,html,css,mobile,hubspot,Html,Css,Mobile,Hubspot,我们正在从我们的一个网站（有全幅内容）中提取代码，并试图在另一个网站上使用类似的媒体查询，该网站的内容包括空的边栏。主要问题是，在移动视图中，我们的页面维护这些侧栏，并将所有内容压缩成一个精简的列。页面右侧有一个表单，左侧有一个图像，上面有徽标，下面有公司徽标，下面有文本 有没有什么建议可以让我在手机上用哪一块填充整个宽度？此外，我们在HubSpot的COS内运营这些物业 下面是我们正在做的： <style> @media (max-width: 768px) { .testimo
<style>
@media (max-width: 768px) {
.testimonials {margin-top:500px;}
.row-fluid-wrapper.row-depth-3.row-number-3 {background: #FFFFFF;}
}
.inner-form{
margin-left: 68% !important;
max-width: 300px;
margin-top: 20px;
position: relative;
z-index: 2;
}
.outer-form{
height: 345px;
}
.needs-background{
background: url(http://cdn2.hubspot.net/hub/362750/file-830706138-png/quote_us_medicare/pic.png) no-repeat; padding-bottom:100px;
}
@media(max-width:767px){
.needs-background{
background:initial !important;
}
.inner-form{
margin: 0 auto !important;
height: initial;
margin-top: initial;
}
}
#hs_cos_wrapper_module_1396381482147112 input[type="submit"] {
font-size: 16px !important;
display: inline-block !important;
color: #ffffff !important;
text-align: center !important;
margin-right: 2px !important;
margin-bottom: 15px !important;
margin-top: 15px !important;
padding-right: 35px !important;
margin-left: 2px !important;
padding-bottom: 12px !important;
padding-top: 12px !important;
font-weight: bold !important;
line-height: 30px !important;
border:2px solid;
border-radius:10px;
border-color: #D1D1D1;
}
@media(min-width:768px){
.small-screen-image{
display:none !important;
}
}
</style>
@介质（最大宽度：768px）{
.推荐书{页边顶部：500px；}
.row-fluid-wrapper.row-depth-3.row-number-3{背景：#ffffffff；}
}
.内部形式{
左边距：68%！重要；
最大宽度：300px；
边缘顶部：20px；
位置：相对位置；
z指数：2；
}
.外形{
高度：345px；
}
.需要背景{
背景：url(http://cdn2.hubspot.net/hub/362750/file-830706138-png/quote_us_medicare/pic.png)无重复；填充底部：100px；
}
@介质（最大宽度：767px）{
.需要背景{
背景：初始！重要；
}
.内部形式{
保证金：0自动！重要；
高度：初始高度；
页边顶部：首字母；
}
}
#hs_cos_包装器_模块_1396381482147112输入[type=“submit”]{
字体大小：16px！重要；
显示：内联块！重要；
颜色：#ffffff！重要；
文本对齐：居中！重要；
右边距：2px！重要；
边缘底部：15px！重要；
利润上限：15px！重要；
右边填充：35px！重要；
左边距：2px！重要；
填充底部：12px！重要；
填充顶部：12px！重要；
字体大小：粗体！重要；
线高：30px！重要；
边框：2倍实心；
边界半径：10px；
边框颜色：#D1D1；
}
@介质（最小宽度：768px）{
.小屏幕图像{
显示：无！重要；
}
}