移动端web 有没有属性禁止横屏

Question

第一个问题，手机上的web，跟pad上的，用同一套设计稿好么？pad设备宽度大于手机上的，如果用同一套在手机上会不会有点不合适，而且pad上横屏跟手机竖屏布局上也不太一样。一般都用一套设计稿，还是手机和pad各一套。第二个问题，pad上的设计稿尺寸多少合适，跟apple一样，需要乘以2么？第三个问题，有没有什么办法来禁止横屏显示，也就是说横屏的时候还是竖屏显示。求大神详解，谢谢.

Answer 1

1,设计一套就好
2.
3.目前还不能强制设备横屏（已经有了相应的api但是还不通用）,你可以检测他们的方向然后做相应的提示，比如你想用户一直竖屏，一旦他们横屏的时候你就提示说竖屏体验更加，还蛮多应用这么做的
                            

Answer 2

腳本/mediaquery檢測，如果是橫屏則告訴用戶必須豎屏才能繼續（我見過這樣做的）。
或者
若橫屏直接根元素上transform:rotate(90deg);
@media(max-device-width:1024px)and(orientation:landscape){
html{transform:rotate(90deg);}
}
經測試，法二不靠譜