当宽度大小更改标题 div 时，更好的解决方案是什么？答案

【问题标题】：when width size change the header div what is the better solution?当宽度大小更改标题 div 时，更好的解决方案是什么？
【发布时间】：2016-05-17 11:58:25
【问题描述】：

我有一个问题要问是什么

当宽度大小发生变化时，更改标题内容的最佳方法是什么？

可以用 php session = true 来完成吗？就像当宽度小于或等于 500px 时它会自动更改整个标题？还是必须用javascript或jquery来做会更好？

【问题讨论】：

【解决方案1】：

您应该使用媒体规则，这是您案件的更好解决方案。

@media 规则用于为不同的媒体类型/设备定义不同的样式规则。

在 CSS2 中这称为媒体类型，而在 CSS3 中称为媒体查询。媒体查询着眼于设备的能力，可用于检查许多事情，例如：

例如，如果我们使用这样的：

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

当宽度大于 480px 时，它会为 body 赋予这种背景颜色。

您还可以看到这个示例，其中包含使用媒体查询在不同宽度上正常工作的菜单：https://jsfiddle.net/IA7medd/o89pn61t/

【讨论】：

tq！！！你的回答真的对我有很大帮助，谢谢你的例子，这真的很有帮助，这就是我想要的。
因为这是我以前问过的一个老问题，但我会问一个问题。我可以在不使用媒体查询的情况下实现这一点吗？
您可以将其作为移动版本进行，但您需要为台式机和移动设备制作不同的布局，然后您将根据设备加载布局inmotionhosting.com/support/website/redirects/mobile-redirect
所以媒体查询仍然是做移动布局的最佳方式吗？我在一个网站上看到，我可能需要包括每个设备的宽度和高度？i found on google this is what i need to include on my css?或者我只创建 3 个全球版本 1 用于桌面，1 用于平板电脑和 1 用于移动设备？
您可以创建 3 个全球版本 1 用于桌面、1 用于平板电脑和 1 用于移动。您不需要包括每个设备的宽度和高度