如何在我拥有桌面代码的同一个css中进行编码时,如何在Dreamwaver中设计移动设备?

时间:2015-06-28 11:09:03

标签: html css mobile layout dreamweaver

我的布局回答哪个部分,如何更改?我尝试在Dw Design页面中更改屏幕大小,但我认为它没有响应。

1 个答案:

答案 0 :(得分:0)

你需要Dreavweaver CC来设计移动设备,虽然没有必要

只需在css文件中使用此指南,并为每个设备添加css

    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    } 


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}