我知道这听起来是一个愚蠢的问题,但我已经通过 stackoverflow 进行了搜索,并且大多数问题都讨论了当 iphone 从纵向切换到横向时的视图切换错误。
这是我的问题。我为 iphone 设计了纵向视图,我手动重新定义了大多数 div 的宽度。该站点现在在纵向视图中运行良好。现在我要开发横向视图,我只希望网站显示适合屏幕大小并保持在普通浏览器中显示的格式。不再为此视图的每个 div 设计单独的 css 样式表。只是让它在普通浏览器中显示相同的格式,但更小以适应手机横屏的大小。是否可以设置一些东西,使整个网站都适合这个大小?
@media screen and (min-device-width: 481px) and (orientation:landscape){
//what can I put here to make the whole site fit into the landscape screen?
}