像豆瓣和淘宝这样的移动版网站是怎样做到在pc上也按移动比例显示的?
是这么回事儿，豆瓣，淘宝和百度移动版的页面主要分三块，上面的导航栏和底下的页脚，这是属于宽度随屏幕宽度自由变化的，类似于 fluid 的效果。
至于中间部分：
豆瓣是在一个类名为 page 的 div 里放了一个类名为 card 的 div, 因为 page 的宽度设置成了 max-width: 650px，所以中间放内容的 card 子元素宽度不会超过 650px，在小的屏幕上会自动变得更窄。
淘宝是直接在中间放了一个 id 为 content 的 div，宽度 width: 10rem, 但是你要注意这个 rem，和 em 是不一样的，rem 参考的是 html 页面最根本的 font-size, 你查看一下，可以发现淘宝移动页面的 html 最顶端 tag 里自带了一个 style，font-size: 54px, 所以这个 10rem 其实相当于 540px。
【像豆瓣和淘宝这样的移动版网站是怎样做到在pc上也按移动比例显示的?】 而百度则完全没有为中间部分的宽度进行任何限制，反而是把 padding 和 margin 全都设置成了 0，所以你看起来会有点囧，但是这肯定是基于他们对用户群使用习惯，和用户设备屏幕大小分布的调研来进行设定的，不是胡乱就弄成这样了。
大概是这些，你如果感兴趣，都可以在浏览器的 Developer Tools 里看到，很清楚的。
■网友
翻下代码你能懂的，简单的说加了个宽度限制
推荐阅读
- |艾滋病“后悔药”你知道吗？高危性行为后，这样做能救你一命
- 为啥知乎上普便有一种【我在北上广深打工，所以拥有更好的视野】这样的错觉
- 淘宝上那些十几块钱的衣服能穿么
- |警方提醒：冬季这样做极易引发交通事故！
- 上市公司孵化新项目成熟之后，拆分出去成立新公司，这样不会损害其他股东的利益吗
- 怎样评价类似前橙会、百老汇、南极圈这样类型的离职帮抱团，对企业的积极意义和消极意义
- 为啥电器实体店的价格比淘宝贵那么多
- 汽车|把车越卖越贵，全新领克01为何可以这样？
- 联通校园宽带限制笔记本发射wifi让其他设备连接，这样做合法吗
- 豆瓣为啥受到同志社群的欢迎