我正在建立一个快速响应的网站,绝不是我希望任何智能手机能够在480px以下渲染。也就是说,当您在智能手机中浏览具有固定宽度的无响应旧网站时,它会自动在屏幕上呈现整页并相应地调整缩放。这就是我想对宽度低于480px的设备实施的行为(智能手机,肖像,即)。
CSS提供以下内容:
@media only screen and (max-width: 480px) {
@-ms-viewport {width: 480px;}
@-o-viewport {width: 480px;}
@-moz-viewport {width: 480px;}
@-webkit-viewport {width: 480px;}
@-viewport {width: 480px;}
不幸的是,这是相当新的,只有最新的设备才能理解它。例如,Windows Phone 8获取它,但WIndows Phone 7.8没有。
欢迎任何建议。