List Of Mobile Device Screen Resolutions

รายชื่อขนาดหน้าจอพวกมือถือ หรือ tablet สำหรับทำ responsive design/mobile site ก็เลือกเอาจากรายชื่ออุปกรณ์ที่อยากได้ตามข้างล่างนี้

โค้ดสำหรับทำ google adsense for responsive design ก็ตามนี้

<script type="text/javascript">
    google_ad_client = "ca-publisher-id";
    width = document.documentElement.clientWidth;
    google_ad_slot = "1234567890";
    google_ad_width = 320;
    google_ad_height = 50;
    if (width > 500) {
        google_ad_slot = "3456789012";
        google_ad_width = 468;
        google_ad_height = 60;
    }
    if (width > 800) {
        google_ad_slot = "2345678901";
        google_ad_width = 728;
       google_ad_height = 90;
    }
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

ref: https://support.google.com/adsense/answer/1354736?hl=en

โค้ดสำหรับทำ facebook comment/likebox for responsive design ก็ใส่ใน css ตามนี้ และที่โค้ด html ก็ลบ width= ออกก็ใช้ได้ล่ะ

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;} 
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

 July 26, 2013

 Blog | #Adsense #Responsive

	Facebook Twitter Line It Telegram Pinterest Email