web页面放到手机页面,缩放问题_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:49:33
원래의
1422명이 탐색했습니다.

有时候写页面样式不规范,很多页面元素写死尺寸时,web页面尺寸比较大放到移动端访问时,就背缩放了,div或者按钮变得好小

可以加段js,效果会好点

 1 <script> 2 ! function( userAgent ) { 3     var screen_w = parseInt(window.screen.width), 4         scale = screen_w / 640; 5     if ( /Android (\d+\.\d+)/.test( userAgent ) ) { 6         var version = parseFloat( RegExp.$1 ); 7         document.write( version > 2.3 8             ? '<meta name="viewport" content="width=640, minimum-scale = ' + scale + ", maximum-scale = " + scale + ', target-densitydpi=device-dpi">' 9             : '<meta name="viewport" content="width=640, target-densitydpi=device-dpi">' );10     } else {11         document.write( '<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">' );12     }13 }( navigator.userAgent );14 15 16 </script>
로그인 후 복사

 

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿