2016-05-17 60 views
-2

我有一个问题要问哪个是当宽度大小更改标题div什么是更好的解决方案?

当宽度大小改变时,更改我的标题内容的最佳方法是什么?

enter image description here

可以将它与PHP会话= true来完成?就像宽度小于或等于500px时它会自动更改整个标题?或者它必须完成与JavaScript或jQuery会更好?

+0

你为什么标签'PHP'? – Hassaan

+0

我在想使用php函数可以做到吗?就像我为宽度更改创建一个更多标题,标题将切换到其他标题。 – nonstop328

+0

但也许它是与HTML CSS相关,所以我被remoteved它 – nonstop328

回答

1

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

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

在CSS2中称为媒体类型,而在CSS3中称为媒体查询。 媒体查询一下该设备的能力,并可以用来检查很多东西,比如:视

  • 宽度和高度的设备
  • 方向的

    • 宽度和高度(被平板/手机横向或纵向模式?)
    • 分辨率
    • 和更

    例如,如果我们正在使用这样的一个:

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

    它会给这个背景颜色的身体,而宽度大于480px。

    你也可以看到这个例子包含使用媒体查询不同宽度做工精细的菜单:https://jsfiddle.net/IA7medd/o89pn61t/

  • +0

    tq !!!你的答案真的帮助我很多,thx为你的例子这真的有帮助这就是我想要的。 – nonstop328

    +0

    因为这是一个老问题,我以前问过,但我会问一个问题。我可以在不使用媒体查询的情况下实现此目的 – nonstop328

    +1

    您可以将其作为手机版本使用,但您需要为桌面和移动设备制作不同的布局,然后根据设备加载布局http://www.inmotionhosting.com/support/website/重定向/移动重定向 –

    相关问题