让html在手机端自动适应是不是要写几个版本的CSS样式呢?

html.style.fontSize = rem + px媒体查询 媒体查询正是为解决网页适应手机屏幕。

创新互联是专业的乌恰网站建设公司，乌恰接单;提供网站制作、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行乌恰网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。

为保证DIV+CSS的兼容性，事实上针对浏览器写不同样式的作法并不常见，都是写在同个CSS文件中，只不过我们了解了这些标签及属性的特性，所以能写出兼容的样式，也就是所谓的CSS HACK。

...希望达到如果手机端访问展示手机版样式(css)

可以用JS来获取浏览器的类型，然后载入相应的css或者跳转到专属网站。还有一个方法是使用responsible布局，让网站适应不同的分辨率。其实这种方法只是一个偷懒的折衷方案，维护起来不是很方便，而且未必能适应所有手机和平板。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入meta代码：。浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。

通常情况下，需要区分，具体需要看用户(网站方)的需求。可以采用响应式布局的方式，取3640等断点，用一套CSS兼容手机、pad、PC等平台。如果说，需要兼容IE8-，那么响应式布局需要慎重选择。

修改discuz手机触屏版的css样式要修改哪里?

此时看到样式表的位置在缓存中，但那不是我们要找的CSS，www\template\qu_design\common\common.css，这才是我们要找的样式表文件。

改css 需要访问网址看效果，或本地访问本地地址，比如10.1。重复一下，任何一个网站系统的模板都不是直接打开看的，如果直接打开能看到完整效果，那不是网站模板，那是静态HTML网页。

将后面的 Powered by Discuz！ 去除，这样就达到效果了。

然后将自己要修改或者扩展的css代码。将在生成缓存css时，自动追加到默认模板的css文件tmplate/default/common/common.css解析成你当前的模板id缓存文件。

修改.altw { width： 200px； }并上传此文件后，登录网站后台，在“界面”——风格管理——“更新CSS缓存”后再看前台效果。

这个要看你的页面调用的是哪一段css，然后修改，单纯截图看不出的，告诉你参数，你也不知道加在哪个位置。

当前文章：手机分类样式css 手机分类框
文章转载：http://scyanting.com/article/dispogh.html