A. 怎麼調整電腦網頁字體大小
其實調整網站頁面的大小很簡單,首先我們打開任意網站,然後左手按住鍵盤的Ctrl緊接著右手滑鼠滑輪進行調整,這樣電腦顯示器的網頁就會發生對應的縮放變化了。
B. 已經做好的pc版網頁,如何轉成手機端的
需要設置標簽,字體什麼的都會相應的適配手機,當然還需要調樣式。
標簽代碼如下:
<metaname="apple-mobile-web-app-capable"content="yes">
<metaname="apple-mobile-web-app-status-bar-style"content="white">
<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
注意:現有網站直接改成移動端雖說理論上可行,但如果不是一開始就相對設計較為完善的話,重新基本就是要重做UI部分,連帶後端也要做相應的調整。
(2)PC網站如何字體適配擴展閱讀:
常用屬性
color : #999999;/*文字顏色*/
font-family : 宋體,sans-serif; /*文字字體*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜體*/
font-variant:small-caps; /*小字體*/
letter-spacing : 1pt; /*字間距離*/
line-height : 200%; /*設置行高*/
font-weight:bold; /*文字粗體*/
vertical-align:sub; /*下標字*/
vertical-align:super; /*上標字*/
text-decoration:line-through; /*加刪除線*/
text-decoration: overline; /*加頂線*/
text-decoration:underline; /*加下劃線*/
text-decoration:none; /*無修飾線*/
text-transform : capitalize; /*首字大寫*/
text-transform : uppercase; /*英文大寫*/
text-transform : lowercase; /*英文小寫*/
text-align:right; /*文字右對齊*/
text-align:left; /*文字左對齊*/
text-align:center; /*內部元素居中*/
text-align:justify; /*文字分散對齊*/
vertical-align:top; /*垂直對齊該行元素內的最大元素頂部/
C. 電腦網頁字體大小怎麼調
以戴爾G5,Win10系統為例,電腦網頁字體大小的調節方法如下:方法一:
使用快捷鍵。
按住鍵盤上的Ctrl鍵不放,再按加號鍵。按一次加號鍵就放大一次,直到調整至適合的字體大小;需要縮小字體時,按住Ctrl鍵不放,再按減號鍵就可以了。
方法二:
藉助滑鼠。
按住Ctrl鍵不放,然後滑動滑鼠的滾輪,向前滑動是放大字體,向後滑動是縮小字體。
該答案適用於戴爾大部分型號的電腦。
電腦系統字體的更改方法:
如果是要更換電腦的系統字體,需要打開開始菜單,之後點擊「設置」按鈕;進入設置窗口後,點擊「系統」按鈕;打開系統設置按鈕,點擊左側的顯示設置;點擊頁面右側的「高級顯示設置」,然後接著點擊「文本和其他項目大小調整的高級選項」;跳轉頁面後,點擊「僅更改文本大小」選項下方的下拉按鈕,選擇需要更改的字體欄目的大小,然後點擊「應用」按鈕即可。
更換系統字體的過程中,如果遇到操作問題,可以聯系品牌的官方客服,根據語音提示接通人工客服後,說明相關問題,尋求解答。
D. pc 網站有了,怎麼做手機適應的網站
一、PC網站自動適配手機網頁的7個步驟
一般來說,移動適配主要通過底層的web技術開發手段來完成,下面馬海祥將通過移動適配技術的角度來告訴你通過7個步驟來完成一個PC網站向移動設備的跳躍!
1、允許網頁寬度自動調整
「自適應網頁設計」到底是怎麼做到的?其實並不難。
首先,在網頁代碼的頭部,加入一行viewport元標簽,viewport是網頁默認的寬度和高度,上面這行代碼的意思是,網頁寬度默認等於屏幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置,包括IE9,對於那些老式瀏覽器(主要是IE6、7、8),需要使用css3-mediaqueries.js。
2、不使用絕對寬度
由於網頁會根據屏幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素,這一條非常重要。
具體說,CSS代碼不能指定像素寬度:width:xxxpx;
只能指定百分比寬度:width:xx%;或者width:auto;
3、相對大小的字體
字體也不能使用絕對大小(px),而只能使用相對大小(em)。
body{
font:normal100%Helvetica,Arial,sans-serif;
}
上面的代碼指定,字體大小是頁面默認大小的100%,即16像素。
h1{
font-size:1.5em;
}
然後,h1的大小是默認大小的1.5倍,即24像素(24/16=1.5)。
small{
font-size:0.875em;
}
small元素的大小是默認大小的0.875倍,即14像素(14/16=0.875)。
4、流動布局(fluidgrid)
「流動布局」的含義是,各個區塊的位置都是浮動的,不是固定不變的。
.main{
float:right;
width:70%;
}
.leftBar{
float:left;
width:25%;
}
float的好處是,如果寬度太小,放不下兩個元素,後面的元素會自動滾動到前面元素的下方,不會在水平方向overflow(溢出),避免了水平滾動條的出現。
另外,絕對定位(position:absolute)的使用,也要非常小心。
5、選擇載入CSS
「自適應網頁設計」的核心就是CSS3引入的MediaQuery模塊,它的意思就是,自動探測屏幕寬度,然後載入相應的CSS文件。
media=」screenand(max-device-width:400px)」
href=」tinyScreen.css」/>
上面的代碼意思是,如果屏幕寬度小於400像素(max-device-width:400px),就載入tinyScreen.css文件。
media=」screenand(min-width:400px)and(max-device-width:600px)」
href=」smallScreen.css」/>
如果屏幕寬度在400像素到600像素之間,則載入smallScreen.css文件。
除了用html標簽載入CSS文件,還可以在現有CSS文件中載入。
6、CSS的@media規則
同一個CSS文件中,也可以根據不同的屏幕解析度,選擇應用不同的CSS規則。
@mediascreenand(max-device-width:400px){
.column{
float:none;
width:auto;
}
#sidebar{
display:none;
}
}
上面的代碼意思是,如果屏幕寬度小於400像素,則column塊取消浮動(float:none)、寬度自動調節(width:auto),sidebar塊不顯示(display:none)。
7、圖片的自適應(fluidimage)
除了布局和文本,自適應網頁設計還必須實現圖片的自動縮放。
這只要一行CSS代碼:
img{max-width:100%;}
這行代碼對於大多數嵌入網頁的視頻也有效,所以可以寫成:
img,object{max-width:100%;}
老版本的IE不支持max-width,所以只好寫成:
img{width:100%;}
此外,windows平台縮放圖片時,可能出現圖像失真現象。這時,可以嘗試使用IE的專有命令:
img{-ms-interpolation-mode:bicubic;}
或者,EthanMarcotte的imgSizer.js。
addLoadEvent(function(){
varimgs=document.getElementById(「content」).getElementsByTagName(「img」);
imgSizer.collate(imgs);
});
最好還是做適配解析度的圖片,有很多方法可以做到同樣效果,伺服器端和客戶端都可以實現(具體可查看馬海祥博客《根據訪問設備自動識別展示手機站或PC站的方法》的相關介紹)。
二、適配最常見的操作方法
據馬海祥觀察,PC站和手機站匹配最常用的幾種方法是移動適配、JS跳轉、Meta聲明、302規則等等,由於每種方法的操作方式不同,產生的效果也不同,具體的優缺點也需要區別對待,在此,馬海祥就給大家比較一下這4種適配方法的優缺點以及需要注意的地方:
1、移動適配
現在很多搜索引擎都提供移動適配的功能,例如網路的開放適配和360的移動適配,利用網路站長工具提交PC頁-手機頁對應關系Sitemap,或者利用360站長工具提交PC頁-手機頁對應關系txt就能實現PC站內容和手機站一一適配。
這樣做的優點是只需要在搜索引擎工具提交資料,無需對站點本事做改動,而且網站內容一一對應,並不只局限於網站首頁。
缺點就是只能在網路或者360移動搜索中生效,其他沒用提交適配文件的搜索中就無效了。
2、JS跳轉
JS跳轉對於某些行業來說有著重要的作用,尤其是對於用戶轉換率網站首頁較高的網站,只需要在網站的頭部加一段JS代碼判定是否是移動端訪問,然後所有的流量就會全部流向手機站的主頁。
JS跳轉的優點是適用於所以的移動搜索,並不局限於網路和360,可以提高用戶的轉換率。
缺點是難以實現每個頁面的一一對應,而且容易被某些搜索引擎判定作弊,從而受到懲罰。
3、Meta聲明
Meta聲明的格式一般為,站長可以將這段代碼加在PC站的頭部,由Meta信息來指明該PC頁對應的手機頁的URL,以及該URL對應頁面的格式。
Meta聲明的優點是代碼簡單易懂,操作方便。
缺點是只能在網路移動搜索中生效,對於其他搜索引擎無效(另外,還可以使用網路轉碼,具體可查看馬海祥博客《網路轉碼後的手機網站頁面是否有利於SEO優化》的相關介紹)。
4、302規則
302規則指的是,當判定移動端訪問網站時,302臨時跳轉到一個網址(手機站),例如可以在htaccess文件里加上一段判定手機的代碼,做個302重定向。
這樣做的好處是,不需要再額外在網站的前端代碼中加任何東西,也不需要向搜索引擎提交規則,可是據測試,有可能會導致PC站被降權。
雖然302是暫時性的重定向,但過於頻繁的302是很有可能給網站帶來不利的影響的,具體的尺度需要站長自己去把握。
以上4種適配方法是接觸的最為常見的操作方法,通常PC站做了以上處理後,一段時間以後移動端搜索出來的結果,下面匹配的網址就變成了移動站網址,不過標題還是PC站標題。
至於到底哪種方法更好,更傾向於第一種,畢竟網路移動搜索占據著網站的大部分流量,而且用戶體驗度也最好。
E. 電腦網頁的字體怎麼調大謝謝!
電腦網頁字體調整方法:
1、使用快捷鍵CTRL+調大,CTRL-調小。
2、點擊工具欄上的頁面,將滑鼠放在」縮放「上面,彈出放大或縮小,直接點擊,或點擊後面既定的比例。
F. 電腦網頁或者軟體裡面的字體如何設置字體大小
點擊(最上面的菜單)查看--文字大小--根據你需求來選擇。
還有一種情況是,屏幕的解析度的問題,桌面上單擊右鍵--屬性--設置--往左拉是把屏幕變大--往右拉是把屏幕變小。
萬一設置錯誤,