Question

用html5在电脑上编写页面，手机上显示失真问题，希望了解相关知识的高手帮助帮助，感激不尽。

在电脑上编写页面显示正常，但是到了手机上就失去比例了，特别小，空白特别多，如果想要在手机上显示正常，用比例设定高度等，那么电脑上会非常大并出现滚动条，网易的手机新闻也是html5做的，显示效果很好，电脑上和手机上都是同样的效果，应该是和它的css设定相关，不知道仁兄们有没有相关的经验，给讲述一下，谢谢大家，如果答得好还会有追分。
我说的就是网易的触屏版，他在电脑上和手机上是不同的页面吗？
手机系统应该是没关系的，只要它能装相应的浏览器，我现在测试的标准时用uc8.5以上的版本。
不过不同尺寸的手机显示效果也不都相同，我在电脑上用百分比显示还好一点，不过在电脑上太大，失真了就，就是想 让手机和电脑都看着正常点，像手机网易网触屏版就挺好的。

Answer 1

你好，楼主，现在很多网站用了响应式交互，这就是在做一个页面时考虑到PC，移动终端产品的。这是向大方向说的，一般这个响应做起来还是有点麻烦的。

另外一个就是用css来实现了，可以考虑将页面按百分比去做，不要用固定的宽这样可以解决一部分问题。

希望我的回答能给你带来新的思路。

追问

我现在就是用css的百分比控制的，但是在电脑上显示会非常大，它不是一个屏幕的百分比，而是整个页面高度的百分比。

追答

你好，针对你的问题我想问下，你按百分比做的在PC上它的宽会变的很大。你试下min-width:并定义下float这样在PC上它会排列出来，显示数量多。

Answer 2

网易的有进行手机和电脑入口区分的

Answer 3

你要看你手机是什么系统，是否兼容