Twitter bootstrap 类型3-使用流体检测浏览器大小?

Twitter bootstrap 类型3-使用流体检测浏览器大小?,twitter-bootstrap,bootstrap-4,typo3,typoscript,fluid,Twitter Bootstrap,Bootstrap 4,Typo3,Typoscript,Fluid,我在TYPO3流体模板中搜索浏览器大小的解决方案。 对于不同的浏览器大小(手机和桌面),我需要一个条件if/else,然后我可以为手机和桌面加载不同的模板。 当时我使用Bootstrap4进行切换,但在网站上我有重复的代码。 更好的解决方案是在TYPO3Fluid模板中设置一个“浏览器大小”开关。包含Fluid的PHP无法通过访问方式检测浏览器。您至少可以访问用户代理,该代理可能会提示用户正在使用哪种设备。要检测可随时更改的实际浏览器大小,您只能使用CSS或Javascript 要使TYPO3/

我在TYPO3流体模板中搜索浏览器大小的解决方案。
对于不同的浏览器大小(手机和桌面),我需要一个条件
if/else
,然后我可以为手机和桌面加载不同的模板。
当时我使用
Bootstrap4
进行切换,但在网站上我有重复的代码。

更好的解决方案是在
TYPO3
Fluid模板中设置一个“浏览器大小”开关。

包含Fluid的PHP无法通过访问方式检测浏览器。您至少可以访问用户代理,该代理可能会提示用户正在使用哪种设备。要检测可随时更改的实际浏览器大小,您只能使用CSS或Javascript


要使TYPO3/FLUID模板可以访问浏览器大小,可以使用Javascript将浏览器大小存储在cookie中。在PHP中,您可以使用
$\u cookie
读取cookie,cookie可以传递到流体模板。

但请注意,如果您使用Paul Beck概述的cookie方法,则必须注意缓存插件时的适当缓存。因此,您必须根据cookie值添加缓存标记