1

我正在处理媒体查询，我的问题是手机主要是安卓手机。
网址是：http ://home.comcast.net/~shadowpeopleorg/mobilestorytest.html

正常工作时，网页的横幅应位于顶部，以黑色背景上的金色字母居中，背景应为羊皮纸米色。

这些查询在“纵向”和“横向”视图中都可以与 ipod touch 完美配合，但在“纵向”旋转的 safari 浏览器手机上不起作用。

在纵向或横向的基于 android 的手机中，查询样式表不被确认。我无法确定问题是什么，但我认为它与标题中的元视点声明有关。

我非常感谢那些用手机检查测试页面并报告样式表属性是否同时出现在纵向和横向视图中的人。

我试过了：

<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" media="only screen and (max-width: 480px)" type = "text/css"href="mobilestory.css" />
<link rel="stylesheet" media="only screen and (min-width: 481px)" type = "text/css" href="aaastory.css" />

还：

<link rel="stylesheet" media="only screen and (max-width: 480px) and (orientation : landscape)" type = "text/css"href="mobilestory.css" />

和：

link rel="stylesheet" media="only screen and (max-width: 480px) and (orientation : portrait)" type = "text/css"href="mobilestory.css" />

我还将元标记更改为：

<meta name="viewport" content="initial-scale=1">
4

1 回答 1

0

这里的重点是你的 css 完全被扭曲了

@media screen an

d (min-width: 481px)
h1 {
border: none;
margin-right: 120px;
font-family: Times New Roman;
line-height: normal;
color: grey;
text-align: right;
text-decoration: none;
font-size: 100%;
font-weight: normal;

而不是margin-right: 120px;做text-align: center;和使用百分比作为利润和所有......尝试一些响应式设计。它适用于所有手机或平板电脑或个人电脑。

金色既不是在 chrome 中也不是在 android 选项卡中出现。如果有问题，请帮助我解决这个问题。

标题向右移动

请看一下这可以在三星note 2横向模式下复制的图像吗？我希望这是你想要修复的部分？

于 2013-09-15T04:27:37.527 回答