一级毛片视频在线观看-一级毛片视频免费-一级毛片视频播放-一级毛片看真人在线视频-国产高清在线精品一区a-国产高清在线精品一区二区

<nav id="ekiec"></nav>

<li id="ekiec"></li>

網站建設公司做微信公眾號是如何獲得粉絲

作者：網站建設公司　來源：佛山網站建設日期：2020-11-09 瀏覽：次

網站建設 - 建站教程 - 網頁制作 - 網站建設公司做微信公眾號是如何獲得粉絲

內容提要：隨著3G的普及，越來越多的人使用手機上網。同樣的內容，要在大小迥異的屏幕上，都呈現出滿意的效果，并不是一件容易的事。
于是，網頁設計師不得不面對一個難題：如何才能在不同大小的設備上呈現同樣的網頁？

隨著3G的普及，越來越多的人使用手機上網。
手機的屏幕比較小，寬度通常在600像素以下；PC的屏幕寬度，一般都在1000像素以上（目前主流寬度是1366×768），有的還達到了2000像素。同樣的內容，要在大小迥異的屏幕上，都呈現出滿意的效果，并不是一件容易的事。
于是，網頁設計師不得不面對一個難題：如何才能在不同大小的設備上呈現同樣的網頁？

很多網站的解決方法，是為不同的設備提供不同的網頁，比如專門提供一個mobile版本，或者iPhone / iPad版本。這樣做固然保證了效果，但是比較麻煩，同時要維護好幾個版本，而且如果一個網站有多個portal（入口），會大大增加架構設計的復雜度。
于是，很早就有人設想，能不能"一次設計，普遍適用"，讓同一張網頁自動適應不同大小的屏幕，根據屏幕寬度，自動調整布局（layout）？

一、允許網頁寬度自動調整
"自適應網頁設計"到底是怎么做到的？其實并不難。
首先，在網頁代碼的頭部，加入一行viewport元標簽。
　　<meta name="viewport" content="width=device-width, initial-scale=1" />
viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置，包括IE9。對于那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
　　
三、不使用絕對寬度
由于網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。
具體說，CSS代碼不能指定像素寬度：
　　width:xxx px;
只能指定百分比寬度：
　　width: xx%;
或者
　　width:auto;
四、相對大小的字體
字體也不能使用絕對大小（px），而只能使用相對大?。╡m）。
　　body {
　　　　font: normal 100% 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）。
五、流動布局（fluid grid）
"流動布局"的含義是，各個區塊的位置都是浮動的，不是固定不變的。
　　.main {
　　　　float: right;
　　　　width: 70%;
　　}
　　.leftBar {
　　　　float: left;
　　　　width: 25%;
　　}
float的好處是，如果寬度太小，放不下兩個元素，后面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢出），避免了水平滾動條的出現。
另外，絕對定位（position: absolute）的使用，也要非常小心。
六、選擇加載CSS
"自適應網頁設計"的核心，就是CSS3引入的Media Query模塊。
它的意思就是，自動探測屏幕寬度，然后加載相應的CSS文件。
　　<link rel="stylesheet" type="text/css"
　　　　media="screen and (max-device-width: 400px)"
　　　　href="tinyScreen.css" />
上面的代碼意思是，如果屏幕寬度小于400像素（max-device-width: 400px），就加載tinyScreen.css文件。
　　<link rel="stylesheet" type="text/css"
　　　　media="screen and (min-width: 400px) and (max-device-width: 600px)"
　　　　href="smallScreen.css" />
如果屏幕寬度在400像素到600像素之間，則加載smallScreen.css文件。
除了用html標簽加載CSS文件，還可以在現有CSS文件中加載。
　　@import url("tinyScreen.css") screen and (max-device-width: 400px);
七、CSS的@media規則
同一個CSS文件中，也可以根據不同的屏幕分辨率，選擇應用不同的CSS規則。
　　@media screen and (max-device-width: 400px) {
　　　　.column {
　　　　　　float: none;
　　　　　　width:auto;
　　　　}
　　　　#sidebar {
　　　　　　display:none;
　　　　}
　　}
上面的代碼意思是，如果屏幕寬度小于400像素，則column塊取消浮動（float:none）、寬度自動調節（width:auto），sidebar塊不顯示（display:none）。
八、圖片的自適應（fluid image）
除了布局和文本，"自適應網頁設計"還必須實現圖片的自動縮放。
這只要一行CSS代碼：
　　img { max-width: 100%;}
這行代碼對于大多數嵌入網頁的視頻也有效，所以可以寫成：
　　img, object { max-width: 100%;}
老版本的IE不支持max-width，所以只好寫成：
　　img { width: 100%; }
此外，windows平臺縮放圖片時，可能出現圖像失真現象。這時，可以嘗試使用IE的專有命令：
　　img { -ms-interpolation-mode: bicubic; }
或者，Ethan Marcotte的imgSizer.js。
　　addLoadEvent(function() {
　　　　var imgs = document.getElementById("content").getElementsByTagName("img");
　　　　imgSizer.collate(imgs);
　　});
不過，有條件的話，最好還是根據不同大小的屏幕，加載不同分辨率的圖片。有很多方法可以做到這一條，服務器端和客戶端都可以實現。

網頁制作

2020-11-11微信公眾號常用的排版工具推薦?。ǜ韶洠?/a>
2020-11-09微信公眾號開發入門的基本流程
2020-11-11企業微信公眾號成段子手，是娛樂化還是營銷
2020-11-11怎樣創建微信公眾號？
2020-11-11微信營銷必不可少公眾號綁定手機網站
2020-11-11網紅營銷依賴微商城和公眾號的連接
2020-11-11佛山網站建設普及微信營銷基礎--個人微信與微信公眾號區別
2020-11-11在廣州_佛山_順德開發一個微信公眾號大概需要多少錢?
2020-11-11個人微信公眾號如何盈利？微信營銷經驗之談
2020-11-092020年微信公眾號運營基本思路技巧
2020-11-11如何讓你的微信公眾號內容更有吸引力?
2020-11-09微信公眾號的開發可以解決哪些問題?

企業網站建設一條龍

找零度飛易網絡公司-fslingdu所做php網站建設方案、網站設計、網站制作由北京上海深圳龍崗衢州蘭州常州東營南通濟寧桂林淮安煙臺長春無錫天津昆山蘇州合肥貴洛陽昆明天津唐山泉州惠州萬州新鄉商丘臺州哈爾濱太原攝影海口隨州學校商丘廣東湖南廣西江西海南廣州企業中小企業武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟南重慶福州西安廈門昆山沈陽青島徐州鄭州南京寧南寧長沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂從北滘祖廟石灣南莊等地區企業網站建設(廣告)公司提供專業做網站價格規劃書及營銷型網站制作,網站建設基礎知識

標簽：

上一篇：公眾號搜索排名怎么做優化技巧
下一篇：企業微信號如何運營?如何快速擁有百萬粉絲
網頁制作

網站案例
佳琳五金

基本元素家具

康力達合興液壓機械

伯德電工

加濕器生產廠家

纖貝依服飾

科拓電器

詩歌家具

六號公館家具

正和電器

卡斯蘭建材貿易

正邦家具

德淙科儀

德爾瑪電器

名布緣服飾

愛蒂思家具

雷森那家具

金德豪五金

雪特朗電器

謳歌家具

東煦模具

華夏頤海

福利來酒店家具

同向機械

品墅名居家具

佛山建威鋁業

實遠機械

邁瑪珠寶商城網站

蘋果樹建材

南水塑料吸塑廠