1. 蘋果手機螢幕大小
retina螢幕
所謂retain螢幕，就是高畫質視網膜螢幕，解析度寬高是標準螢幕解析度的2倍
裝置
螢幕型別
螢幕尺寸
點
解析度（畫素）
iphone 3gs
非retina
3.5 inch
320*480
320x480
iphone4\4s
retina
3.5 inch
320*480
640x960
iphone5\5c\5s
retina
4 inch
320*568
640x1136
iphone6
retina
4.7 inch
375*667
750x1334
iphone6 plus
retina
5.5 inch
414*736
1242x2208
解析度的意思就是把螢幕進行橫向、縱向等分。
在retina螢幕下乙個點表示2畫素, 在非retina螢幕下乙個點表示1畫素。
在iphone6 plus 下乙個點表示3個畫素
注意1: 無論是通過 autoresizing 還是 autolayout 其實只是間接設定了控制項的 frame, 所以一旦使用了 autoreszing 或者 autolayout 那麼就不要在直接設定 frame 了, 否者可能產生混亂。
注意2:autoresizing 和autolayout 二者是互斥的，同時只能使用其中一種，當使用autoresizing的時候必須禁用autolayout, 當使用autolayout的時候就無法使用autoresizing了
2. autoresizing
使用 autoresizing進行螢幕適配（設定顯示規則，只能按照父控制項來設定參照）
使用之前禁止autolayout
注意:autoresizing
只能設定當前控制項與父控制項之間的相對關係
設定區域：
n外面四根線的含義:
當前控制項與父控制項之間是否保持固定的距離。如果"選擇
"了外面的"線
"則表示與父控制項某一邊的距離固定
, 如果不勾選
, 則表示當前控制項與父控制項的某一邊距離是可拉伸的（不固定）。
n裡面兩根線的作用:
表示子控制項的寬和高是否隨著父控制項的寬高的變化而變化
3. 使用 autolayout（從 ios6開始）進行螢幕適配
通過設定某控制項與任意其他控制項間的關係來決定如何顯示這個控制項, 不僅僅侷限與父子控制項
4.使用 size classes + autolayout 進行螢幕適配
通過 size classes + autolayout的方式,可以為不同尺寸的螢幕設定不同的約束
5. autolayout的2個核心概念
p參照p通過參照其他控制項或父控制項來設定當前控制項的位置和大小
p約束constraint(規則)
p通過新增約束限制控制項的位置和大小
6. 7.
8.9.autolayout的警告和錯誤
n警告p控制項的frame不匹配所新增的約束, 比如
ü比如約束控制項的寬度為100, 而控制項現在的寬度是110
n錯誤p缺乏必要的約束, 比如
ü只約束了寬度和高度, 沒有約束具體的位置
p兩個約束衝突, 比如
ü1個約束控制項的寬度為100, 1個約束控制項的寬度為110
一些其他站點
後起之秀，都是經過整理的原始碼，部分有演示。剛辦起來的時候我很看好，有一段時間基本不更新了，讓我很失望。近來好像又開始更新，速度也比較快 沒有人不罵它的，一些狗不理的 也要來賣錢！不過財大氣粗，有許多商業程式，花錢也值！經過一段時間的調整，現在的原始碼之家已開始重新更新，速度也比較快。東西比較多 商...
前端布局的一些基本知識和思路
size large 1.盒子模型 size 布局前我們首先了解盒子模型，這是布局的基石。網上很多內容沒有講解清楚盒子模型，引起了不少誤解。乙個div在布局的概念中自內到外包含五層含義。1 文字元素本身的內容。2 padding所佔空間 3 border所佔空間 4 margin所佔空間 5 pos...
一些css布局
css布局 bootstrap 詳情請看官方文件 首先要按照相應的官方規範引入相應的css js fonts等 container相當於乙個容器 一般設定乙個 接下來設定行 用row row裡面套col col裡面可以繼續套row row不能直接套row 拷貝並貼上下面給出的html 這就是乙個最簡...