1、此段css代码，其他页面不需要。可以直接放在需要的HTML文件中。在head标签下，写上style标签，把css代码放在style标签中。可以新建一个css文件，比如index.css，把这段css代码放进这个index.css文件中。
成都创新互联主营万宁网站建设的网络公司,主营网站建设方案,成都APP应用开发,万宁h5微信小程序搭建,万宁网站营销推广欢迎万宁等地区企业咨询
2、第一种 html-css-js 这款软件，看着名字就知道是和html相关的网页开发，它是由踏宇 科技 开发的一款手机开发网页的APP。不仅有编程、编译功能，还可以进行网页开发学习，内附很多关于网页设计（css，js）。
3、w3c的html规范中有规定了引入css文件所针对的设备，可以通过在标签上添加media属性来指定所引入的css文件支持的设备，那针对手机这种移动设备，设置media属性值为handheld。没什么捷径走，兼容性是靠经验得来的。
4、导航栏位置 在iOS上，导航栏是指显示在应用程序顶部，位于状态栏下方的容器区域，层级应高于当前页面内容。
5、正常写模板的时候，会把index.html放到与css，image，js同级目录下，如果他们在同级目录你写的css链接地址就没有问题。
，设置html，同时还设置body的字体大小，目的是为了兼容。不同浏览器确实支持的不一样。
如果移动显示屏的分辨率始终是普通屏幕的2倍，1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px，所以在高清瓶下看着1px总是感觉变胖了。
vw 和 vh（移动端开发个人最喜欢的单位属性，也是这次介绍的重点） 传统的响应式开发中，我们常常用百分比来布局，然而这并不是最好的解决方案。例如，你没有办法以body的高度来设置百分比。
相对于小屏幕，为了适配大屏幕，我们的css代码通常要复杂一些，所以移动端优先的策略有利于精简代码。
如果用了 background-image，后面就只能放图片的url，不能加“no-repeat”；如果要加“no-repeat”，就要用 background，不能用 background-image。
然而这只是适应手机的前提条件，它告诉手机适配，这是一个响应式网站，然后需要写css去重置样式，这个需要专业的前端知识。
选择加载CSS “自适应网页设计”的核心就是CSS3引入的MediaQuery模块，它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。
并不是加了meta标签，网站就会自适应手机屏幕了，还需要更改一些样式。
function(){$(body).css(zoom， $(window).width() / 640)；$(body).css(display ， block)；})；试试呢~~用link标签...可以试试。 又学习了，不过手机同时兼容大显示器分辨率还是不行吧。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入meta代码：。浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。
一般来说，通过CSS3，可以直接对不同分辨率下的样式进行定义，比如如下的代码。