如何使网页同时兼容PC端和移动端

如何使网页同时兼容PC端和移动端PC端显示的效果是正常的，到了移动端就变得很小了，怎么解决？

PC和移动因为屏幕像素大小不一样，造成网页在pc和移动端显示有差距。如果要让网页在pc和移动端都有好的用户体验，你需要
1、自适应网页：通过对不同分辨率设置不同的样式效果，可以让网页兼容pc和移动端，此方式不适合大型的平台。一般的企业站和个人站可以使用这样的方式。
2、分别建立pc端和移动端。两个网站分别对应pc和移动端。

现在主要是采用自适应来解决高度，宽度的，以及图片自适应问题，下面就pc端和移动端来总结一下，通常进行自适应高度和宽度，图片时，一般与页面的布局存在关系。 1、最小尺寸分辨率1024*768（传统17寸显示器），则可以采用940px、960px、或者常用的980px作为最小宽度 2、1024*768之后稍大的分辨率就是1280*768了，则可以采用1200px或者1220px作为稍大的网页宽度 3、支持css3、html5的高级浏览器可以利用css3 media queries让网页在不同分辨率下自动调节布局标签 4、不支持css3、html5的脑残浏览器特别是<=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了 5、宽度自适应需要对每个显示模块进行不同宽度的计算，在做html布局时需要大量的计算与适配。 6、宽度自适应为不同宽度显示器写布局元素时常用的css

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息