需要在PHP中为细枝文件添加响应

需要在PHP中为细枝文件添加响应,php,wordpress,responsive-design,twig,timber,Php,Wordpress,Responsive Design,Twig,Timber,我在我的tile.twig文件中有这个函数,它在旋转木马上显示一篇文章。它在手机上的肖像模式下运行良好。我需要它在横向模式下显示2个帖子。但我不知道如何在twig/PHP中实现这一点,代码如下: {{ fn("do_action", "render-carousel", style|default('header-carousel'), carousel_list|default("Header Carousel"), img_size|default("mobile/feed/large"),

我在我的tile.twig文件中有这个函数,它在旋转木马上显示一篇文章。它在手机上的肖像模式下运行良好。我需要它在横向模式下显示2个帖子。但我不知道如何在twig/PHP中实现这一点,代码如下:

{{ fn("do_action", "render-carousel", style|default('header-carousel'), carousel_list|default("Header Carousel"), img_size|default("mobile/feed/large"), carousel_show|default(1), extra_options) }}

在横向模式下,我需要将旋转木马显示默认值(1)设置为旋转木马显示默认值(2)。任何想法

不幸的是,要“告诉”PHP您的设备处于纵向或横向模式,并相应地呈现不同数量的HTML是很困难的,而且根本没有性能

我相信你可能有点卡住了,因为你正在使用一个插件来呈现旋转木马,因此无法控制CSS或JS

如果你自己写旋转木马的话。您可以在CSS中使用媒体查询:

@media (orientation: landscape) {
  .carousel-slide {
    width: 50%:
  }
}

@media (orientation: portrait) {
  .carousel-slide {
    width: 100%
  }
}
您还需要告诉您的传送带代码,您正在显示一张或两张幻灯片:

if (window.matchMedia("(orientation: portrait)").matches) {
  Carousel.init({startingNumberOfSlides:1})
}

if (window.matchMedia("(orientation: landscape)").matches) {
  Carousel.init({startingNumberOfSlides:1})
}
听起来,您使用的carousel插件无法实现这种效果

谢谢

乔恩