怎么样做手机网页

估计导航用的fixed定位吧，123456789var windheight =window.innerHeight;          var bottomx = document.getElementById('bottomx'); //底部导航   window.onresize(function(){    var docheight = window.innerHeight;             if(docheight < windheight){                    bottomx.style.position = 'static';    }else{        bottomx.style.position = 'fixed';    }        })

就我个人开发来谈，一般我会用两种方式，题主可以一试1、一般开发中，会经常使用前端框架，如果有所使用，可以看框架的官方文档，一般都会有适配移动端的菜单api可以用，那样是最方便的，但样式可能有的需要自己重新定义；2、如果没有使用框架，那就可以用两个套路了，一是简单粗暴，直接搜js移动端菜单插件，会有很多的现成开源的插件，可以试试，一般都会帮监听上下滑动的事件来进行调用的；二是如果你找到的插件没有监听事件，或者没找到插件，那就自己写html控件，用js监听上下滑动事件，比如可以用y轴滚动条的距离窗口的高度是减少或者增加来作为判断标准，来弹出或隐藏菜单栏。一点小建议，题主可以试试看效果如何。

id=container 是你要居中的div吗？如果是的话 给他个宽度 且 margin:0 auto; 就可以了你写的属性冲突了感觉，margin:0px; 相当于四边都是0像素的边距。 而你上边又写左右是auto正确写法 #container { width:960px; margin:0 auto;}看效果的话 最好再给个背景以及高度如果手机上靠左的话 我能想到的原因就是 你设置的固定宽度超过了你的手机宽度 肯定会从左边开始显示的最好把图发上来 看看 body { margin:0px; padding:0px; font:12px Arial,宋体; text-align:center;}#container { margin-left:auto; margin-right:auto; width:960px;text-align:left; }是这样的。还是靠左。那固定宽度怎么样能适应手机宽度？ 你这代码 我怎么看 怎么不顺眼 body{ margin:0px;padding:0px;font:12px Arial,宋体;}#container { width:960px; margin:0 auto;}用上边这俩替换了你那俩 看看效果怎么样 如果还不行 就复制下边这段代码到你的css样式表里html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,p { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}还是不行的话 邮件给我 我给你改

需要把该页面发布到服务器。手机访问服务器上的页面，即可访问一般使用apache服务器。假定你的服务器地址 url/index.php在手机上访问url/index.php即可。如果没有外网，那么还可以使用无线路由，手机通过无线路由来访问你本地服务器的地址。

可以用media query媒体查询来设置不同分辨率下的不同css样式/* 超小屏幕（手机，小于 768px） *//* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） *//* 小屏幕（平板，大于等于 768px） */@media (min-width: @screen-sm-min) { ... }/* 中等屏幕（桌面显示器，大于等于 992px） */@media (min-width: @screen-md-min) { ... }/* 大屏幕（大桌面显示器，大于等于 1200px） */@media (min-width: @screen-lg-min) { ... }给你来一段样例，你看看12345678910111213141516171819202122232425@media(min-width: 768px) { .ipad {    display: none; } .mobile {   display: none; } .pc {   display: block; } .row {   margin-left: 0;   margin-right: 0; } .home-bg {   //margin: 0;   background: url(asset-path("common/home_big3.jpg")) center no-repeat;   width: 100%;   height: 500px;   background-size: cover; }}123456789101112131415161718192021222324@media (max-width: 767px) {    .ipad  {    display: block;  }  .mobile  {    display: none;  }  .pc  {    display: none;  }   .home-bg {    background: url(asset_path("common/home_1024.jpg"));    background-position: center center;    background-repeat: no-repeat;    background-size: cover;    //height: 100%;  } }123456789101112131415161718192021@media(max-width: 480px) {  .ipad  {    display: none;  }  .pc  {    display:none;  }  .mobile  {    display: block;  }  .home-bg {    background: url(asset_path("common/home_640.jpg"));    background-position: center center;    background-repeat: no-repeat;    background-size: cover;    height: 600px;  } }想必你能理解我的意思

给自己的电脑设置一个局域网内的动态ip，比如：192.168.1.5电脑安装了如xampp之类的服务器运行环境，将做好的页面放到安装目录下，手机输入192.168.1.5/+目录，或者用浏览器生成二维码功能，直接扫码。

web的技术和java本身关系不大。java是后台技术主要是服务于后台和服务层的。PC的web和手机的web一般是页面相关的。目前主要用的有html5、css3、js等技术。web和java一般通过ajax来做交互的

我来说个简单的办法 开发好页面，先用谷歌浏览器的手机屏幕模拟功能看一下 去xampp官网下一下这个软件，在本地建一个简单的服务器，然后把自己的页面放到服务器上打开，你的页面路径应该类似于http://192.168.1.2/xampp/demo/index.html这种样子 打开百度随便输一个二维码生成器，把上面的地址粘进去生成二维码 拿出手机打开微信或其他能扫码的浏览器扫码预览就可以了 想看修改代码后的样子重复第3步和第4步注意点：你输入的网址前面的ip一定而且肯定是你自己电脑的ip地址，默认的情况下，地址是http://localhost/……，一定记得把localhost替换成你本地的ip，不然你扫码是扫不出来的。

HTML5做手机网页所用的字体可以有2种单位：1）使用px 像素：使用14号字体即可2）使用em ：随着屏幕大小而改变1em=16px如果只是做手机设备的话，完全可以使用px像素就可以了。不过不要使用12px 在手机上显示太小了，用户看不清楚。一般使用 14px 或 16px 。