移动基础 url 并在移动设备上更改字体大小

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>