操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

、 利用meta標簽

Meta標簽主要用來描述一個HTML網(wǎng)頁文檔的屬性，如作者、日期時間、網(wǎng)頁描述、關(guān)鍵詞、頁面刷新等，它的Description和Keywords屬性，可加入網(wǎng)站的關(guān)鍵字，讓網(wǎng)頁利于搜索引擎。

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

解釋：Viewport指用戶網(wǎng)頁的可視區(qū)域，content中的“width”指的是虛擬窗口寬度，上面代碼意為虛擬窗口/頁面寬度初始比例為1，最小比例為1，最大比例為1，用戶不可擴展，頁面不可縮放。

以上標簽只支持一種尺寸，正確的做法是用js動態(tài)生成下面標簽，前提是要先獲取屏幕尺寸。

<script type="text/javascript">

var phoneWidth=parseInt(window.screen.width);

var phoneScale=phoneWidth/640;

var ua=navigator.userAgent;

if (/Android (d+.d+)/.test(ua)){var version=parseFloat(RegExp.);

if(version>2.3){ document.write(‘<meta name="viewport" content="width=640, minimum-scale=‘+phoneScale+‘, maximum-scale=‘+phoneScale+‘, target-densitydpi=device-dpi">‘); }

else{document.write(‘<meta name="viewport" content="width=640, target-densitydpi=device-dpi">‘); }

else { document.write(‘<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">‘); }

</script>

2、百分比法

CSS中的百分比中指的是相對于父元素的寬度。子元素的padding-left：50%，父元素的寬度是百，子元素的margin-top:20%，那么父元素的高是百。body默認寬度是屏幕寬度（PC中指的是瀏覽器寬度）子孫元素按百分比定位（或指定尺寸）就可以了。但這只適合布局簡單的頁面，復(fù)雜的頁面實現(xiàn)很困難。

3、 使用CSS3單位rem

在頁面載入開始時首先判斷window的寬度（是window的寬度($(window).width())，不是屏幕分辯率的寬度（screen.width），兩者差別請自行查閱），假設(shè)寬度為W，一個div在寬度為640px的設(shè)計稿的下的寬度為dW1，如果html的font-size為100px，那么這個div的寬度用rem表示是多少呢？

計算：div寬度dW2=dW1/100,px與rem之間換算除以100就可以，這是假定屏幕寬度為640的，而不同寬度的屏幕怎么處理，為了能保證換算容易那就要為html設(shè)置一個合適的font-size，計算：100 / 640=fontSize / W, fontSize=W / 640 * 100=W / 6.4。大多數(shù)瀏覽器font-size的最小值為12px，所以只能用100作為縮放比例。

所以會在頭部加上這個JS代碼：

<script type="text/javascript">

var html=document.querySelector(‘html‘);

var rem=html.offsetWidth / 6.4;

html.style.fontSize=rem + "px";

</script>

4、 媒體查詢

媒體查詢正是為解決網(wǎng)頁適應(yīng)手機屏幕。媒體查詢的功能就是為不同的“媒體”設(shè)置不同的css樣式，頁面尺寸，設(shè)備屏幕尺寸等，比如我們要為寬度小于480px的頁面中的class="icon"的元素設(shè)置樣式，可以這樣寫，@media screen and (max-width=480px) {.icon{ some styles }};具體可自行研究。

以上幾種方法，僅供大家參考。如有不妥，歡迎指正。制作自適應(yīng)頁面需要比較好的編程基礎(chǔ)和技術(shù)覺悟，一般的小白，不建議大家為了做自適應(yīng)網(wǎng)頁專門學習HTML5、CSS3和JS，畢竟這并非一朝一夕就能學會的。如果技術(shù)小白想做自適應(yīng)網(wǎng)頁，這里給大家提供一種思路，用建站寶盒。完全不需要編程基礎(chǔ)，全程拖拽，一樣能做出讓人驚艷的自適應(yīng)網(wǎng)站。現(xiàn)在還有免費建站活動，無論外行內(nèi)行，大家可以注冊體驗一下。

零基礎(chǔ)免費做HTML5自適應(yīng)網(wǎng)站：http://www.iisp.com/design/free-site.php?s=yuqiuping

017年，將有超過75%的互聯(lián)網(wǎng)流量來自移動端，移動互聯(lián)網(wǎng)的商機無可限量，企業(yè)除了注重電腦網(wǎng)站建設(shè)，也開始把目光轉(zhuǎn)向了手機建站，費用自然成了決定企業(yè)選擇哪家建站公司的關(guān)鍵因素，收費高大家承受不起，收費低又擔心質(zhì)量沒保證。

網(wǎng)站建設(shè)費用主要分為兩部分，一部分是固定可以預(yù)見的，另一部分是潛在費用，難以估計的。

先說固定的部分，買域名、空間、建站系統(tǒng)。常規(guī)的.cn/.com域名，每年100元以內(nèi)，手機站的空間800元以內(nèi)已經(jīng)能買很不錯的，建站系統(tǒng)在網(wǎng)上有很多免費的，要做HTML5網(wǎng)站的企業(yè)還要看清楚建站系統(tǒng)支不支持HTML5。固定費用就1000元左右。

潛在費用主要是網(wǎng)站制作、推廣和維護的費用，這才是很多企業(yè)建站的絆腳石。不會程序的企業(yè)找人做手機站，要加一般2000元起；推廣還要找人做SEO優(yōu)化或者百度競價，價格都要千元以上，維護人員工資也是一筆不小的開支。潛在費用加起來，5000元以上是必須的。

此外，還要了解服務(wù)商的技術(shù)實力、服務(wù)質(zhì)量和以往案例，以免服務(wù)商出問題后網(wǎng)站跟著遭殃。

手機網(wǎng)站還有一個局限性，不一定兼容所有的手機屏幕尺寸，要做很多都市場調(diào)研，了解主流尺寸，分別定制專屬的手機網(wǎng)站，這個過程會耗費企業(yè)很長時間。

其實，中小企業(yè)要想擁有HTML5手機站還有一個辦法，就是把自己的網(wǎng)站做成響應(yīng)式。建站寶盒V9就能實現(xiàn)，企業(yè)只需做一個電腦網(wǎng)站，手機站、微信站也有了，還能根據(jù)大家的屏幕大小個性化布局，帶給用戶新鮮的體驗。全程傻瓜式操作，會打字就能建站，做HTML5網(wǎng)站就像做PPT一樣簡單。后期只需維護一個后臺，不用錢就能獲得免費推廣。重點來了，價格十分接地氣，不用一千元就能搞定企業(yè)網(wǎng)站，有營銷功能的行業(yè)建站解決方案也就兩千元，真正為中小企業(yè)省錢，質(zhì)量用過的都說好。

建站寶盒V9，免費公測即將開啟：http://www.iisp.com/special/v9special/index.php

更多建站&互聯(lián)網(wǎng)行業(yè)資訊，敬請關(guān)注微信公眾號：耐思尼克（iisp-com）