我想强制iPad只以横向模式显示网站?
这可能吗?
答案 0 :(得分:3)
您可以使用CSS设置它:
@media only screen and (orientation:portrait){
html body * {
display:none;
}
}
@media only screen and (orientation:landscape){
/* your CSS */
}
在纵向模式下,所有元素都将被隐藏。您可以将<div>Switch to landscape</div>
设置为仅以肖像模式显示
答案 1 :(得分:2)
Safari的界面仍然处于纵向模式,并且将高度设置为100%时出现问题,但您可以在纵向模式下旋转整个html元素
html, body {
height: 100%;
}
@media screen and (orientation: portrait){
html {
-webkit-transform: translateY(-100%) rotate(90deg);
transform: translateY(-100%) rotate(90deg);
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
}