js和css實現手機橫豎屏預覽思路整理

實現效果，如上圖。   首先，實現手機頁面在PC端預覽， 則先在網上找到一個手機的背景圖片，算好大概內間距，用來放預覽的頁面，我這裏是給手機預覽頁面的尺寸按iphone5的尺寸來的； 一個手機頁面在這裏預覽，要通過<iframe>標籤，左邊選擇不同的select選項，通過監聽select選項的值，在js中動態改變iframe的src來實現； 因爲要實現橫屏和豎屏的預覽，切記，千萬不能在點擊橫屏的時

>>阅读原文<<