Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲国产成人九九综合,成人免费视频欧美,91亚洲精品久久91综合 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          從高度拉伸不到位問(wèn)題的解決學(xué)習(xí)如何用F12調(diào)試網(wǎng)頁(yè)
          
        
           
          
	
	
          
		
                        
          近有客戶在linux系統(tǒng)部署皕杰報(bào)表后發(fā)現(xiàn)總有高度拉伸不到位的情況發(fā)生，可是我們自己卻無(wú)論怎么測(cè)試都不能重現(xiàn)問(wèn)題。不能重現(xiàn)問(wèn)題，就不好找出解決問(wèn)題的方法。
          于是要來(lái)了這張問(wèn)題表的html源代碼，在瀏覽器中打開后用F12檢查，發(fā)現(xiàn)這個(gè)單元格的拉伸高度計(jì)算不正確。見下圖：
          是什么原因?qū)е碌挠?jì)算錯(cuò)誤呢？我們分析有兩種可能，一是所用的皕杰報(bào)表版本太老，二是計(jì)算高度的依據(jù)缺失，而計(jì)算拉伸高度的依據(jù)是字體和字號(hào)。
          檢查了客戶使用的版本號(hào)沒有問(wèn)題，但在linux系統(tǒng)里卻只安裝了宋體，其它中文字體都沒有，而在報(bào)表里選擇的字體卻是微軟雅黑，計(jì)算的依據(jù)沒了，系統(tǒng)所以計(jì)算出的拉伸高度就是錯(cuò)的了。讓用戶把報(bào)表里的字體改成宋體，再測(cè)試?yán)旄叨茸兇罅艘稽c(diǎn)，但是還是沒有完全拉開，我們判斷是jre里也沒有宋體，理論上在jre里安裝宋體后拉伸問(wèn)題就會(huì)得到解決。
          因而我們給了兩個(gè)解決方案：一是在linux系統(tǒng)中和jre中安裝所用的中文字體，方法按linux系統(tǒng)及安裝jdk的基本要求，這里不做說(shuō)明。二是改這個(gè)單元格的css，讓單元格廢棄計(jì)算的拉伸高度，改為自動(dòng)拉伸。
          在皕杰報(bào)表設(shè)計(jì)器全局屬性web資源引用中添加：
          <style type="text/css">
.expand div{
 height: auto !important;
 }
</style>
          在設(shè)計(jì)器這個(gè)單元格的屬性css樣式里添加expand。
          用戶覺得jre中安裝中文字體比較麻煩，決定采用方法二測(cè)試。部署后我們看到單元格已經(jīng)正常拉伸了，用F12檢查一下運(yùn)行的css，果然是廢棄了計(jì)算的高度，而采用了我們新增的css格式。見圖：
          至此高度拉伸不到位問(wèn)題得以解決。但我們認(rèn)為最好的解決方案還是方法一，把要用的中文字體安裝上，避免產(chǎn)生錯(cuò)誤的計(jì)算結(jié)果。
          SS3 @font-face 規(guī)則
          以前CSS3的版本，網(wǎng)頁(yè)設(shè)計(jì)師不得不使用用戶計(jì)算機(jī)上已經(jīng)安裝的字體。
          使用CSS3，網(wǎng)頁(yè)設(shè)計(jì)師可以使用他/她喜歡的任何字體。
          當(dāng)你發(fā)現(xiàn)您要使用的字體文件時(shí)，只需簡(jiǎn)單的將字體文件包含在網(wǎng)站中，它會(huì)自動(dòng)下載給需要的用戶。
          您所選擇的字體在新的CSS3版本有關(guān)于@font-face規(guī)則描述。
          您"自己的"的字體是在 CSS3 @font-face 規(guī)則中定義的。
          瀏覽器支持
          表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
          屬性




          @font-face4.09.03.53.210.0
          Internet Explorer 9+, Firefox, Chrome, Safari, 和 Opera 支持 WOFF (Web Open Font Format) 字體.
          Firefox, Chrome, Safari, 和 Opera 支持 .ttf(True Type字體)和.otf(OpenType)字體字體類型）。
          Chrome, Safari 和 Opera 也支持 SVG 字體/折疊.
          Internet Explorer 同樣支持 EOT (Embedded OpenType) 字體.
          注意： Internet Explorer 8 以及更早的版本不支持新的 @font-face 規(guī)則。
          使用您需要的字體
          在新的 @font-face 規(guī)則中，您必須首先定義字體的名稱（比如 myFirstFont），然后指向該字體文件。
          如需為 HTML 元素使用字體，請(qǐng)通過(guò) font-family 屬性來(lái)引用字體的名稱 (myFirstFont)：
          實(shí)例
          <style> @font-face{font-family:myFirstFont; src:url(sansation_light.woff);}div{font-family:myFirstFont;}</style>
          使用粗體文本
          您必須添加另一個(gè)包含粗體文字的@font-face規(guī)則：
          實(shí)例
          @font-face{font-family:myFirstFont; src:url(sansation_bold.woff); font-weight:bold;}
          該文件"Sansation_Bold.ttf"是另一種字體文件，包含Sansation字體的粗體字。
          瀏覽器使用這一文本的字體系列"myFirstFont"時(shí)應(yīng)該呈現(xiàn)為粗體。
          這樣你就可以有許多相同的字體@font-face的規(guī)則。
          CSS3 字體描述
          下表列出了所有的字體描述和里面的@font-face規(guī)則定義：
          提示：
          URL請(qǐng)使用小寫字母的字體，大寫字母在IE中會(huì)產(chǎn)生意外的結(jié)果
          描述符值描述
          font-familyname必需。規(guī)定字體的名稱。
          srcURL必需。定義字體文件的 URL。
          font-stretch

          font-style

          font-weight

          unicode-rangeunicode-range可選。定義字體支持的 UNICODE 字符范圍。默認(rèn)是 "U+0-10FFFF"。
          • normal
          • condensed
          • ultra-condensed
          • extra-condensed
          • semi-condensed
          • expanded
          • semi-expanded
          • extra-expanded
          • ultra-expanded
          可選。定義如何拉伸字體。默認(rèn)是 "normal"。
          • normal
          • italic
          • oblique
          可選。定義字體的樣式。默認(rèn)是 "normal"。
          • normal
          • bold
          • 100
          • 200
          • 300
          • 400
          • 500
          • 600
          • 700
          • 800
          • 900
          可選。定義字體的粗細(xì)。默認(rèn)是 "normal"。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          切圖網(wǎng)客戶項(xiàng)目中碰到一個(gè)問(wèn)題，有一個(gè)數(shù)字需要傾斜，這個(gè)便用到了css3的 rotate的旋轉(zhuǎn)的屬性，沒有用 skew傾斜，因?yàn)閮A斜以后的文字是被拉伸變形了，但我并不像這樣，下面是css3詳細(xì)，另外要說(shuō)明的是，這個(gè)數(shù)字做了 滾動(dòng)到當(dāng)前屏幕的時(shí)候，數(shù)字增長(zhǎng)。
          用到了jquery插件
          1. <script type='text/javascript' src='js/jquery-waypoints-2.0.3.js'></script> <!--滾動(dòng)視差-->
          2. <script type="text/javascript" src="js/jquery.countTo.js"></script> <!--數(shù)字增長(zhǎng)-->
          共一個(gè)參數(shù)“角度”，單位deg為度的意思，正數(shù)為順時(shí)針旋轉(zhuǎn)，負(fù)數(shù)為逆時(shí)針旋轉(zhuǎn)，上述代碼作用是順時(shí)針旋轉(zhuǎn)45度。
          二.縮放 scale
          用法：transform: scale(0.5) 或者 transform: scale(0.5, 2);
          參數(shù)表示縮放倍數(shù)；
          • 一個(gè)參數(shù)時(shí)：表示水平和垂直同時(shí)縮放該倍率
          • 兩個(gè)參數(shù)時(shí)：第一個(gè)參數(shù)指定水平方向的縮放倍率，第二個(gè)參數(shù)指定垂直方向的縮放倍率。
          三.傾斜 skew
          用法：transform: skew(30deg) 或者 transform: skew(30deg, 30deg);
          參數(shù)表示傾斜角度，單位deg
          • 一個(gè)參數(shù)時(shí)：表示水平方向的傾斜角度；
          • 兩個(gè)參數(shù)時(shí)：第一個(gè)參數(shù)表示水平方向的傾斜角度，第二個(gè)參數(shù)表示垂直方向的傾斜角度。
          四.移動(dòng) translate
          用法：transform: translate(45px) 或者 transform: translate(45px, 150px);
          參數(shù)表示移動(dòng)距離，單位px，
          • 一個(gè)參數(shù)時(shí)：表示水平方向的移動(dòng)距離；
          • 兩個(gè)參數(shù)時(shí)：第一個(gè)參數(shù)表示水平方向的移動(dòng)距離，第二個(gè)參數(shù)表示垂直方向的移動(dòng)距離。
          五.基準(zhǔn)點(diǎn) transform-origin
          在使用transform方法進(jìn)行文字或圖像的變形時(shí)，是以元素的中心點(diǎn)為基準(zhǔn)點(diǎn)進(jìn)行的。使用transform-origin屬性，可以改變變形的基準(zhǔn)點(diǎn)。
          用法：transform-origin: 10px 10px;
          共兩個(gè)參數(shù)，表示相對(duì)左上角原點(diǎn)的距離，單位px，第一個(gè)參數(shù)表示相對(duì)左上角原點(diǎn)水平方向的距離，第二個(gè)參數(shù)表示相對(duì)左上角原點(diǎn)垂直方向的距離；
          兩個(gè)參數(shù)除了可以設(shè)置為具體的像素值，其中第一個(gè)參數(shù)可以指定為left、center、right，第二個(gè)參數(shù)可以指定為top、center、bottom。
          六.多方法組合變形
          上面我們介紹了使用transform對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放、傾斜、移動(dòng)的方法，這里講介紹綜合使用這幾個(gè)方法來(lái)對(duì)一個(gè)元素進(jìn)行多重變形。
          用法：transform: rotate(45deg) scale(0.5) skew(30deg, 30deg) translate(100px, 100px);
          這四種變形方法順序可以隨意，但不同的順序?qū)е伦冃谓Y(jié)果不同，原因是變形的順序是從左到右依次進(jìn)行，這個(gè)用法中的執(zhí)行順序?yàn)?.rotate 2.scalse 3.skew 4.translate
          原文地址：http://www.qietu.cn/thread-15197-1-1.html （切圖社區(qū)）
          加微信公眾號(hào)：qietuwang （限做前端的人）
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
韩国精品福利一区二区三区|
精品成人av一区二区三区|
中文字幕一区二区三区在线不卡
|
97一区二区三区四区久久|
国产一区二区三区在线观看影院|
人妻无码一区二区三区AV|
久久精品综合一区二区三区|
日本一区二区三区在线看|
午夜AV内射一区二区三区红桃视
|
竹菊影视欧美日韩一区二区三区四区五区
|
夜夜嗨AV一区二区三区|
精品女同一区二区|
美日韩一区二区三区|
亚洲一区中文字幕在线观看|
亚洲国产精品一区二区成人片国内
|
tom影院亚洲国产一区二区|
亚洲无线码在线一区观看|
国产激情无码一区二区三区|
久久国产高清一区二区三区|
精品视频一区二区三区四区五区|
波多野结衣中文一区|
青娱乐国产官网极品一区|
国产一区二区三区在线观看免费
|
日韩人妻精品一区二区三区视频|
国产麻豆精品一区二区三区v视界|
中文字幕人妻无码一区二区三区
|
国内精品视频一区二区三区八戒|
国产一区二区三区乱码在线观看|
精品久久久久久无码中文字幕一区|
亚州AV综合色区无码一区|
精品国产一区二区三区在线|
色欲AV无码一区二区三区|
区三区激情福利综合中文字幕在线一区|
夜夜爽一区二区三区精品|
国产成人高清视频一区二区
|
精品一区二区三区在线观看l|
一区二区三区精密机械|
国产成人综合亚洲一区|
国产精品亚洲不卡一区二区三区|
免费一区二区无码东京热|
亚洲狠狠狠一区二区三区|