响应式无法在平板电脑上运行答案

【问题标题】：Responsive not working on tablet响应式无法在平板电脑上运行
【发布时间】：2015-01-25 02:08:35
【问题描述】：

我是新手，我有一个网站，我想做一个响应式设计，它对移动设备响应，但在平板电脑上不响应，我想创建平板电脑设计，如 pc 布局而不是移动设备，你能帮我解决这个问题吗问题？也许元视口和 css 代码错误，创建最小或最大媒体宽度需要多少 px？这是我的虚拟网站 http://silanycorp.com/a

这个网站用于检查响应式布局 http://ami.responsivedesign.is/#

元视口

<meta name="viewport" content="width=device-width, initial-scale=1">

CSS 代码

@media (max-width: 768px) {
.container{
    padding:0;
}
.logo{
    padding-left:0;
}
.hide-on-desktop{
    display:block
}
.header-wrapper{
    padding: 0;
}
.header-outer{

}

感谢您的帮助:)

【问题讨论】：

不要（仅）发布实时链接，而是在您的问题中发布相关代码，以便其他人可以从给您的答案中受益。谢谢！
引导那个坏男孩，你所有的问题都会消失
这不是使用网格系统或列

标签： css mobile viewport tablet

【解决方案1】：

您可以根据用户的视口宽度加载多个样式表。

这可以通过以下标签来完成：

<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />

你也可以在样式表中这样设置：

@media all and (max-width: 699px) and (min-width: 520px) {
  #sidebar ul li a {
    padding-left: 21px;
    background: url(../images/email.png) left center no-repeat;
  }
}

这里有一篇关于过程的好文章：http://css-tricks.com/css-media-queries/

【讨论】：