强制智能手机自动缩放

时间:2014-09-03 10:53:37

标签: html5 css3 responsive-design

我正在建立一个快速响应的网站,绝不是我希望任何智能手机能够在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没有。

欢迎任何建议。

0 个答案:

没有答案