移动网站布局问题

我在摆弄移动特定样式表，其中使用媒体查询，我使用名为“styles_mobile.css”的工作表为移动访问者添加特定样式。移动网站布局问题

我希望有一种方法可以在移动访问者的情况下只使用移动样式表，而不是原始样式表 - 独立样式表。

无论如何，因为我找不到没有代码的方式（我不能编码，只有轻量级的客户端技能），我不得不摆弄手机布局。

似乎没有什么属性值我试图纠正在移动样式表我不能样式，以便内容适合屏幕宽度只。有一个规则是我的手机html显示长度超过了屏幕宽度的100％，这可能是原始样式表中的一些事情。

如果任何人碰巧能够使用移动设备进行查看，则应该使用“styles_mobile.css”表单来查看网址。我添加了一个坚实的轮廓的所有元素，因此问题是明显的：

http://tinyurl.com/7ywoqpf

在页面的顶部有明显的宽度或最小宽度，属性值从伸出屏幕元素主样式表。不管我多么努力纠正这些我不能:-(

任何想法？

来源

2012-05-10 Doug Fir

看看你是否可以设置一个最小宽度为每个样式表的防止它下面你想让它的工作，任何东西干扰宽度应类似于此：？

<link rel="stylesheet" type="text/css" media="only screen and (max-width: 810px) and (min-width: 721px)" href="tabstyle.css">

来源

2013-06-10 11:11:01 tomarrell

我们使用这种方法

<link rel="stylesheet" media="all" href="css/common.css"> 
<!--Responsive style sheets --> 
<link rel="stylesheet" media="all and (min-width: 768px) and (max-width: 1407px)" href="css/tab-only.css"> 
<link rel="stylesheet" media="all and (min-width: 0px) and (max-width: 767px)" href="css/phone-only.css">

来源

2012-05-10 05:58:38 ShibinRagh

感谢，但我不知道那确实是什么使移动STYL电子表单独？看起来不像 –

移动网站布局问题

回答

相关问题