Текст для определенного размера экрана

[alleclf]

Для стилей использую конструкцию вида - 

<link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)">

Интересует, как можно в самом коде html делать подобные решения.

 

 

Например, если экран устройства больше 480 пикселей вывести

<div>вход на сайт</div>

а если меньше

<div>вход</div>

То есть, как менять не только стили, но и элементы странички.

[Sergik+]

Как вариант через медиа-запросы скрывать либо показывать.

[alleclf]

Как вариант через медиа-запросы скрывать либо показывать.

это "display:none" или "block" ?

 

Так получится что одно и тоже надо несколько раз прописать, просто показывать или скрывать.

Может на php можно что-то придумать?

[radioactive68]

всё это делается довольно просто и быстро через css

http://jsfiddle.net/4huuuuL6/

[alleclf]

всё это делается довольно просто и быстро через css

http://jsfiddle.net/4huuuuL6/

ну, в принципе, да

а чем-то ещё можно пользоваться кроме "span", у меня их и так хватает, придется много перебирать

[radioactive68]

а чем-то ещё можно пользоваться кроме "span", у меня их и так хватает, придется много перебирать

 

 

как вариант http://htmlbook.ru/html/i

предварительно сбросив ему стиль