我创建了一个包含子页面的TYPO3网页。
rootpage
-subpage1
--subpage1A
--subpage1B
-subpage2
--subpage2C
在rootpage模板中我添加了以下模板
page = PAGE
page.includeCSS {
file1=fileadmin/projectTemplate/bootstrap.min.css
file2=fileadmin/projectTemplate/projectstylesheet.css
}
page.includeJS {
file1=fileadmin/projectTemplate/bootstrap.min.js
file2=fileadmin/projectTemplate/jquery.min.js
}
page.config.doctype=html5
page.meta.viewport = width=device-width, initial-scale=1
page.10 = FLUIDTEMPLATE
page.10 {
file = fileadmin/projectTemplate/index.html
partialRootPath = fileadmin/projectTemplate/Partials/
layoutRootPath = fileadmin/projectTemplate/Layouts/
settings.layout = Nuremberg
variables {
content < styles.content.get
contentRight < styles.content.getRight
}
}
#we also create a typoscript-menu
lib.menu = HMENU
lib.menu{
1 = TMENU
1.NO.wrapItemAndSub = <li>|</li>
}
这里的关键是page.meta.viewport = width=device-width, initial-scale=1
。在根页面上,它会在页面的head部分中生成<meta name="viewport" content="width=device-width, initial-scale=1">
。但是,在所有子页面上,不会呈现此元视口。
typo3版本是普通的8.7.12,没有添加或自定义扩展。
解决方法是将page.meta.viewport = width=device-width, initial-scale=1
作为扩展模板放在每个子页面上。这在某种程度上是一个很大的开销。有没有可能避免这种情况?