Question

手机网页制作，（是否是css）怎么实现320宽度的屏幕浏览640宽度的元素而不出现横向滚动条？

（http://m.beibei.com/detail/detail.html?iid=1782694）
不善辞藻，截图表达，不知道这是css实现的还是js实现的？





Answer 1

你说的应该是响应式布局，这个css就能实现，有两种方法：
1、用@media通过判断浏览器的分辨率（代码自动能判断）来调取不同的css样式。这就需要写不同的css，主要是宽度的调整。
2、不用固定的宽度。宽度用%。而不用固定的px。

追问

恩 是响应式的，实际上我正在做仿页的练习。
但是阁下请看截图，我用的是320的屏幕在浏览，F12选择的一个元素的宽度是640的，为什么没有出现滚动条，而是完整的显示在了320px的屏幕里面呢?

追答

这很正常啊，因为现在的手机浏览器都是会自动将网站整体缩小到适合当前分辨率的大小，不管你是640px还是1200px的，他都会缩小到当前的大小，如果你想让她出现滚动调那就

<meta name="viewport" content="width=device-width, initial-scale=1.0,
 minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

将这句代码加到头部，就是禁止页面放大缩小。