怎么修改網(wǎng)站的css讓它適應手機端？

需要準備的材料分別有：電腦、瀏覽器、html編輯器。

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀，專業(yè)網(wǎng)站建設服務10余年為成都成都人造霧小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站制作營銷網(wǎng)站建設商城網(wǎng)站建設手機網(wǎng)站建設小程序網(wǎng)站建設網(wǎng)站改版，從內容策劃、視覺設計、底層架構、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設服務。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的head標簽中，輸入meta代碼：meta name="viewport" content="width=device-width, initial-scale=1"。

3、瀏覽器運行index.html頁面，此時PC端的網(wǎng)頁在移動端上也能自動適配。

怎樣編寫只有手機瀏覽器支持的css呢？

w3c的html規(guī)范中有規(guī)定了引入css文件所針對的設備，可以通過在標簽上添加media屬性來指定所引入的css文件支持的設備，那針對手機這種移動設備，設置media屬性值為"handheld"。示例代碼如下：不過得注意：大部分的瀏覽器都有支持這個media屬性，而小部分瀏覽器是不支持它的，那么如果想兼容所有的這些瀏覽器，建議還是為手機版本的網(wǎng)頁單獨做一套HTML和CSS，這樣就不用支持pc的和支持移動終端的css寫在一起然后用media來區(qū)分了。

修改discuz手機觸屏版的css樣式要修改哪里?

打開網(wǎng)站根目錄

進入static/image/mobile文件夾

mobile文件夾中有一個style.css，這個就是您要找的文件discuz手機觸屏版的css樣式

下面是操作圖文演示

css公共樣式怎么寫

普通css怎么寫就怎么寫呀，公用的只是每個頁面都在用的css而已

自適應手機屏幕的css樣式 怎么寫 改添加在哪里？

不是隨便添加句話就可以自適應手機屏幕的，沒這么簡單。如果要自適應手機，是要用到rem單位的，然而rem又要搭配媒體查詢來使用。

例如你的設計稿如果是寬720px的話，那你的文字就要以原始大小除以11.25，例如16px的話就要16/11.25這樣來計算。我的意思是不用像素，用rem,因為px是寫死的，rem是可以適應手機端的（包括盒子的寬高都是要以rem來計算）。另外，用之前要把下面這段代碼放到你css文件里：

@media only screen and (max-width: 1080px) {

html, body {

font-size: 16.875px;

}

}

@media only screen and (max-width: 960px) {

html, body {

font-size: 15px;

}

}

@media only screen and (max-width: 800px) {

html, body {

font-size: 12.5px;

}

}

@media only screen and (max-width: 720px) {

html, body {

font-size: 11.25px;

}

}

@media only screen and (max-width: 640px) {

html, body {

font-size: 10px;

}

}

如果寬是720，就除以它相對應的那個值，如果是寬960，就除以960相對應的那個值，這么說應該可以明白吧。

純手打，望采納~

標題名稱：手機端css公共樣式,手機端css公共樣式怎么設置
當前地址：http://aaarwkj.com/article12/dsisjdc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、企業(yè)建站、品牌網(wǎng)站制作、企業(yè)網(wǎng)站制作、網(wǎng)站營銷、電子商務

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)