方法：
①.、在网页头部加上这样一条meta标签：
解释：
width=device-width：宽度等于设备屏幕的宽度
initial-scale=1.0：表示：初始的缩放比例
user-scalable=yes：表示：用户是否可以调整缩放比例
另外：如果想控制字体的大小的话,应该使用相对大小,可以用下面这段代码,一般不用也可,这里只是说明一种方法.
相对大小的字体
字体也不能使用绝对大小px,而只能使用相对大小em.
body{font:normal100%Helvetica,Arial,sans-serif;}
浏览器的格局现在是两分天下,一分是IE,另一分是NetScape,在国内Ie有绝对的占有率,在这种情况下我们设计的网页只要兼容它就行了,但NetScape在国外还是有很多人使用,毕竟它是浏览器的元老.
虽然没有办法做出让所有浏览器都兼容的网站,但只要注意以下几点,做出来的网页在各个浏览器都中能达到比较好的显示效果：
a、不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内.
b、内联式的CSS在NetscapeNavigator中经常会出现问题,使用链式或内嵌式.
c、有时需要在空层插入表格或者透明图片,以保证在NetscapeNavigator里的效果.
d、对于只有几个像素宽度或高度的层,改用图片来实现.
一.允许网页宽度自动调整："自适应网页设计"到底是怎么做到的?
其实并不难.首先,在网页代码的头部,加入一行viewport元标签.
二.不使用绝对宽度由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素.
三.相对大小的字体字体也不能使用绝对大小（px）,而只能使用相对大小（em）.
四.流动布局（fluidgrid）"流动布局"的含义是,各个区块的位置都是浮动的,不是固定不变的.
五.图片的自适应（fluidimage）除了布局和文本,"自适应网页设计"还必须实现图片的自动缩放.
第六段：此外,企业借助建站宝盒搭建一个响应式网站就可以适应所有设备屏幕了,其中包括电脑、手机、Ipad等.
以上就是土嘎嘎小编大虾米为大家整理的gjc相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用，就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦！！