在电脑上做了一个宽1000px的网页，怎么在手机上正常显示？

Question

我在电脑上做了一个网页，宽1000px，我发到了网上 用电脑看正常显示，但是用手机看，手机放不开，必须一点一点的拖着看，有什么办法让网页在手机端也能正常显示？

Answer 1

你需要去看看响应式设计或者自适应，相对于来说响应式好一点；

举个简单的例子；如下：

<div style="width:100%; max-width:1000px;height:auto;margin:auto；padding:10px">

    <p>这里是div标签内P的内容，这里是div标签内P的内容，这里是div标签内P的内容，这里是div标签内P的内容，这里是div标签内P的内容，这里是div标签内P的内容</p>

</div>

那么div我们定义了他的宽度是100%的比例，但是后续又给它了一个最大宽度只有1000px的宽度，居中显示，高度随内容定义；

然后你可以试着缩小浏览器，当宽度不足1000px的时候，那么它就是100%的比例显示

Answer 2

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">

Answer 3

做移动端适配。

Answer 4

改一版手机版的，也做自适应，然后将pc端和手机端的代码做一个链接，就可以了

Answer 5

不要用px，用百分比来定义宽度