Question

我的网站移动版有问题。在我的桌面版网站上，我使用代码：

<base href="http://www.myexample.com">

在桌面上工作正常，当我在浏览器中输入时：myexample.com它会将我重定向到：http://www.myexample.com但在移动设备上，它不会重定向我。为什么呢？

第二个问题：我在桌面上有h1标题字体大小：72，在移动版本上我希望有24px。我有这个代码：但它没有改变任何东西：

.index-title h1{
font-size: 72px;
}

@media only screen and (max-device-width: 700px), only screen and (device-width: 700px) and (device-height: 700px), only screen and (width: 700px) and (orientation: landscape), only screen and (device-width: 700px), only screen and (max-width: 700px) {
.index-title h1{
    font-size: 15px;
}

什么错了？感谢您的答案，我是新手编码。

调试屏幕：

debugging screen

html/css screen

Answer 1

base HTML tag对于指定网页上相对链接的基本网址非常有用。它不负责重定向到不同的页面。您可能正在寻找的代码是meta tag。

此外，将客户端重定向到www.最好在Web服务器配置中作为规则处理。

媒体查询定位宽度为600px和upwards的屏幕。您想为max-width及以下设置600px。

您的示例媒体查询就好了。请参阅下面的标记示例中应用的内容：

＆＃13;

h1 {
  font-size: 72px;
}

@media only screen and (max-device-width: 700px), 
only screen and (device-width: 700px) and (device-height: 700px), 
only screen and (width: 700px) and (orientation: landscape), 
only screen and (device-width: 700px), 
only screen and (max-width: 700px) {
.index-title h1{
    font-size: 15px;
}

＆＃13;

<div class="index-title">
  <h1>Hello World!</h1>
</div>

＆＃13;

移动baseurl并更改移动设备上的字体大小

1 个答案: