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

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

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

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

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

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

怎樣編寫(xiě)只有手機(jī)瀏覽器支持的css呢？

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

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

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

進(jìn)入static/image/mobile文件夾

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

下面是操作圖文演示

css公共樣式怎么寫(xiě)

普通css怎么寫(xiě)就怎么寫(xiě)呀，公用的只是每個(gè)頁(yè)面都在用的css而已

自適應(yīng)手機(jī)屏幕的css樣式 怎么寫(xiě) 改添加在哪里？

不是隨便添加句話就可以自適應(yīng)手機(jī)屏幕的，沒(méi)這么簡(jiǎn)單。如果要自適應(yīng)手機(jī)，是要用到rem單位的，然而rem又要搭配媒體查詢來(lái)使用。

例如你的設(shè)計(jì)稿如果是寬720px的話，那你的文字就要以原始大小除以11.25，例如16px的話就要16/11.25這樣來(lái)計(jì)算。我的意思是不用像素，用rem,因?yàn)閜x是寫(xiě)死的，rem是可以適應(yīng)手機(jī)端的（包括盒子的寬高都是要以rem來(lái)計(jì)算）。另外，用之前要把下面這段代碼放到你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，就除以它相對(duì)應(yīng)的那個(gè)值，如果是寬960，就除以960相對(duì)應(yīng)的那個(gè)值，這么說(shuō)應(yīng)該可以明白吧。

純手打，望采納~

標(biāo)題名稱：手機(jī)端css公共樣式,手機(jī)端css公共樣式怎么設(shè)置
當(dāng)前地址：http://www.chinadenli.net/article12/dsisjdc.html

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

廣告

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