简体   繁体   English

通过收缩,缩放和滚动(Pan)强制在移动设备上使用桌面CSS

[英]Force Desktop CSS on Mobile Device with Pinch, Zoom & Scroll (Pan)

So we're making our site mobile friendly but we're not even close to being done yet. 因此,我们正在使我们的网站适合移动设备使用,但还远远没有完成。 Our desktop version works well but has big tables (that we are getting rid of -- slowly). 我们的台式机版本运行良好,但表很大(我们逐渐淘汰了它)。 In the meantime our mobile frame <section> cuts off our content. 同时,我们的移动框架<section>切断了我们的内容。 We would like it to show everything and just allow the user to zoom and pinch and scroll on their device like other non-mobile friendly sites. 我们希望它能够显示所有内容,并且只允许用户像其他非移动友好网站一样在其设备上缩放,缩放和滚动。 How do we do that? 我们该怎么做? We have tried <meta name="viewport" id="view" content="width=device-width minimum-scale=1, maximum-scale=1" /> with no luck. 我们尝试了<meta name="viewport" id="view" content="width=device-width minimum-scale=1, maximum-scale=1" />做法。 Thank you! 谢谢!

This is what I use on almost all of my sites 这是我几乎在所有网站上使用的

<meta name="viewport" content="width=device-width initial-scale=1.0">

Edit: changed width 编辑:更改宽度

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM