Ⅰ 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要來的穩定。