Ⅰ pc网站做手机自适应怎么做
在网页代码的头部，加入一行viewport元标签。
<metaname="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩 放比例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的100%。
这只是添加到head标签里的！想要做自适应网站，还需要在css里写一些代码，比如多少屏宽，某个css选择器样式做怎样的调整之类的。
我相信在这也是说不完的，具体你可以网络一下"网页自适应"这个关键词，找找教程，都说的很详细。我当初了解学习自适应就是这么学的。
希望我的回答对你有所帮助！
Ⅱ 使用bootstrap 如何做自适应的网页，比如一个大图如何适应手机端和pc端
可以用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) { ... }
给你来一段样例，你看看
@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"))centerno-repeat;
width:100%;
height:500px;
background-size:cover;
}
}@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:centercenter;
background-repeat:no-repeat;
background-size:cover;
//height:100%;
}
}
@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:centercenter;
background-repeat:no-repeat;
background-size:cover;
height:600px;
}
}
想必你能理解我的意思
Ⅲ pc网站怎么转变成手机端浏览样式
PC网站转变为手机端浏览样式，主要有以下几种方法：
一、建设对应的移动网站界面，相当于重新写一个网站，然后通过站长平台移动适配或者js代码进行识别设备跳转到对应的网站界面；
二、自适应网站和响应式网站，就是在pc端网站的css样式里面设置多一层样式（移动端样式），然后在使用移动端设备访问时，展示对应的css样式网站；
三、可以通过网站子目录来对应搭建移动网站样式，然后当用户用移动设备访问网站时，跳转到对应的目录样式展示。
Ⅳ 怎么修改网站的css让它适应手机端
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
Ⅳ 如何把pc网站的文章图片设置自适应手机端
可以在建站之初就搭建成自适应的网站，如果没有，后期再改就比较麻烦，需要看你网站系统和代码！
Ⅵ 如何制作自动识别手机端与PC端的自适应网站
用wordpress或者drupal CMS系统去设计网站
Ⅶ 如何让一个pc页面自动适应手机屏幕
页面自适应屏幕的方法（以下字母及标点为专业代码）：
无论是电脑还是手机，要做到自适应屏幕，其实都是一样的。
首先，在网页代码的头部，加入一行viewport标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。即让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。
Ⅷ 自己制作的网页怎么自适应手机端
如果一个网页要同时适应pc和手机，那么就要写2套css，根据分辨率自动调用，手机端css中宽度最好用百分比来做。
Ⅸ 怎么将一个pc端的网站改成自适应手机端的
你可以加上这段声明：
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=0.5,maximum-scale=2.0">
其次，手机端的分辨率和电脑不同，布局的时候最好采用自适应布局。百分比设定宽度。h5的手机兼容性要比xhtml要来的稳定。