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

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对于指定页面上相关链接的基本 url 很有用。它不负责重定向到不同的页面。您可能正在寻找的标签是 meta tag .

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

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

您的示例媒体查询很好。查看它在下面的标记示例中的应用:

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;
}

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