以往網站設計會為了手機版,需要另外製作一個獨立的網站,但是這樣子要同時維護兩個網站,相當耗費時間。因此近年延伸出 RWD (Responsive Web Design) 的概念,也就是所謂的響應式設計。同一個網站,會隨著使用者的裝置解析度不同,網站會呈現不同的樣貌。
RWD
移除圖片的寬度和高度
在編輯器裡面插入圖片,系統會自動幫你寫入寬度和高度標籤,但是如果要做 RWD 效果,這樣子就無法使用了。
像這樣子:
<img width="300" height="200" src="abcdefg.jpg" class="size-full attachment-post-image wp-post-image">