H5頁面莫名其妙多間距

2021-09-30 14:21:28 字數 602 閱讀 1654

inout沒有寫margin,為什麼上面間距那麼大?

這個元素沒有設定字型大小

繼承了html的字型大小

這裡是640%

16*6.4=102.4px

16px是html的預設字型大小

預設的行高是1.5

相當於這個div現在的行高是

102.4*1.5=153.6

雖然裡面你看上去只有p標籤 input標

籤,但是裡面有空格那些。

因為input預設是display: inline-block;

inline    inline-block前後是會保留空格的

這種按鈕除非一排有多個,否則都用塊級吧 (

如果是內聯元素會通常都會設定字型大小跟行高自然不存在這個問題了)

(如果是內聯元素會通常都會設定字型大小跟行高自然不存在這個問題了

h5頁面開發

相信大家在做h5頁面開發的時候,也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來,有需要的朋友可以參考一下。1.安卓瀏覽器看背景,有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多,原因和devicepixelratio有關。手機解析度比pc端的解析度小,按照...

H5及H5頁面是什麼意思?如何製作H5頁面?

h5是html5的簡稱。html5是html最新的修訂版本,是一種超文字標記語言。h5有兩大特點 首先,強化了 web 網頁的表現效能。其次,追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項,通過點選新增到製作介面,控制項的選擇使用按照你...

h5頁面的寫法 移動端h5頁面寫法

1.頁面寬度320,所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640,元素尺寸正常 暫未發現問題 3.頁面寬度640,js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...